@charset "utf-8";
* {
    padding: 0px;
    margin: 0px;
}

body {
    font-size: 14px;
    color: #000;
    font-family: "Microsoft YaHei", "SimHei", "Source Han Sans CN", Arial, Tahoma, sans-serif;
}

body,
ul,
ol,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
i,
b,
em,
span,
form,
fieldset,
legend,
input,
textarea,
select,
button,
th,
td {
    margin: 0;
    padding: 0;
    font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    list-style: none;
}

input,
select,
button,
textarea {
    font-size: 15px;
    border: 0;
    background: none;
    outline: none;
    vertical-align: middle;
    font-family: "PingFang SC", "SimHei", "Source Han Sans CN", "Microsoft YaHei", Arial, Tahoma, sans-serif;
}

button {
    overflow: visible
}

img {
    border: none;
}

li {
    list-style: none;
}

a {
    color: #000;
    text-decoration: none;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

a:hover {
    color: #0a0d59;
    text-decoration: none !important;
}

.clear {
    overflow: hidden;
    clear: both;
    height: 0px;
}

::-webkit-scrollbar {
    width: 6px;
}

::-webkit-scrollbar-track {
    background-color: #000;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

::-webkit-scrollbar-thumb:hover {
    background-color: #5b5b5b;
}

::-webkit-scrollbar-thumb:active {
    background-color: #0a0d59;
}

@media only screen and (max-width:1024px) {
    body {
        font-size: 16px;
    }
    input,
    select,
    button,
    textarea {
        font-size: 20px;
    }
    input,
    textarea {
        -webkit-appearance: none;
        border-radius: 0;
    }
    .container {
        padding: 0 25px;
    }
}

@media only screen and (max-width:1024px) {
    html.on {
        width: 100%;
        height: 100%;
        position: fixed;
        top: 0;
        left: 0;
    }
}

body {
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-size: cover;
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
}

@media only screen and (max-width:1024px) {
    body.on {
        transform: translateX(-60%);
        -webkit-transform: translateX(-60%);
        -moz-transform: translateX(-60%);
        -ms-transform: translateX(-60%);
        -o-transform: translateX(-60%);
    }
}

@media only screen and (max-width:1024px) {
    .sj_bj {
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, .5);
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        z-index: 99999;
        display: none;
    }
}

.header {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    /* background-color: #fff; */
}

.header .shang_top {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.header .xia_top {
    border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.header.s_y {
    background: none;
    border-bottom: 1px solid rgba(255, 255, 255, .5);
}


/* .header.on {
    box-shadow: 0 0 15px #ddd;
    background-color: #fff;
    border-bottom: 0;
} */

.header .shang_top .container {
    position: relative;
    align-items: center;
    display: flex;
    justify-content: space-between;
}

.header .you_denglu {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.header .you_denglu a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 3px 20px;
    font-size: 14px;
    color: #ffffff;
    margin-left: 20px;
    border-radius: 50px;
}

.header .you_denglu a:nth-child(1) {
    background-color: #26b1ea;
    border: 1px solid #26b1ea;
}

.header .you_denglu a:nth-child(2) {
    border: 1px solid #fff;
}

@media only screen and (max-width:1024px) {
    .header .you_denglu {
        padding-right: 30px;
    }
}

@media only screen and (max-width:992px) {
    .header .you_denglu {
        padding-right: 59px;
    }
    .header .you_denglu a {
        padding: 10px 34px;
        font-size: 18px;
    }
}

.header .logo {
    /* width: 211px; */
    margin: 8px 0;
    float: left;
    position: relative;
}

.header .logo img {
    max-width: 100%;
    height: auto;
    display: block;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.header .logo img.d_w {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.header.on .logo img.t_m {
    opacity: 0;
}

.header.on .logo img.d_w {
    opacity: 1;
}

.header .an {
    position: absolute;
    top: 50%;
    margin-top: -16px;
    right: 25px;
    height: 33px;
    width: 50px;
    display: none;
}

.header .an span {
    width: 50px;
    height: 3px;
    background-color: #0161eb;
    display: block;
    position: absolute;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.header .an span.a1 {
    top: 0;
    left: 0;
}

.header .an span.a2 {
    top: 14px;
    left: 0;
}

.header .an span.a3 {
    top: 28px;
    left: 0;
}

.header .an.n span.a2 {
    display: none;
}

.header .an.n span.a1 {
    top: 13px;
    transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.header .an.n span.a3 {
    top: 13px;
    transform: rotate(135deg);
    -o-transform: rotate(135deg);
    -ms-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
}

.header .tel {
    height: 100px;
    font-size: 18px;
    font-weight: bold;
    line-height: 100px;
    text-align: center;
    color: #333;
    float: left;
}

.header.s_y .tel {
    color: #fff;
}

.header.on .tel {
    color: #333;
}

.header .tel i {
    font-weight: normal;
    vertical-align: middle;
    font-size: 21px;
    color: #0a0d59;
    margin-right: 5px;
}

.header.s_y .tel i {
    color: #fff;
}

.header.on .tel i {
    color: #0a0d59;
}

.header .nav {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.header .nav ul {
    float: left;
}

.header .nav ul li {
    margin-right: 60px;
    float: left;
    text-align: center;
    position: relative;
}

.header .nav .y_j {
    position: relative;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.header .nav .y_j i {
    width: 60%;
    padding-right: 10px;
    position: absolute;
    top: 0;
    right: 0;
    font-size: 20px;
    text-align: right;
    color: #fff;
    line-height: 50px;
    z-index: 99;
    display: none;
}

.header .nav .y_j a {
    display: block;
    font-size: 16px;
    color: #ffffff;
    line-height: 50px;
}

.header .nav ul li:hover .y_j a {
    color: #5cfeff;
}

.header .nav ul li.on .y_j a {
    color: #5cfeff;
}

.header .nav .e_j {
    width: 160px;
    padding: 10px 0;
    background-color: rgba(255, 255, 255, .9);
    box-shadow: 0 0 5px #888;
    position: absolute;
    left: 50%;
    margin-left: -80px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.header .nav ul li:hover .e_j {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

.header .nav .e_j a {
    font-size: 14px;
    line-height: 40px;
    text-align: center;
    display: block;
}

.xia_top .zuoyou_y {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}


/* 搜索 */

.sousuo {}

.sousuo .sou_suo_kuang {
    width: 208px;
    height: 32px;
    border: 1px solid #fff;
    position: relative;
    padding-left: 20px;
    border-radius: 50px;
}

.sousuo .sou_suo_kuang input {
    width: 100%;
    height: 100%;
    color: #fff;
}

.sousuo .sou_suo_kuang button {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 9px;
    border-left: 1px solid #fff;
}

.sousuo input::-webkit-input-placeholder {
    color: #ffffff;
}

/*@media only screen and (max-width:1200px) {
    .header .nav ul li {
        margin-right: 19px
    }
}
*/
@media only screen and (max-width:1024px) {
    .sousuo {
        margin-right: 0;
    }
    .xia_top .zuoyou_y {
        justify-content: flex-end;
        padding: 20px 0;
    }
    .header.s_y {
        border-bottom: 0;
        background-color: rgba(255, 255, 255, .9);
    }
    .header .logo {
        margin: 0;
        padding: 25px 0;
        float: none;
    }
    .header .logo img.d_w {
        opacity: 1;
        top: 25px;
    }
    .header.on .logo img.t_m {
        opacity: 0;
    }
    .header.on .logo img.d_w {
        opacity: 1;
    }
    .header .an {
        display: block;
    }
    .header .tel {
        height: 90px;
        font-size: 22px;
        line-height: 90px;
        text-align: left;
        color: #fff;
        float: none;
    }
    .header .tel i {
        color: #fff;
    }
    .header .nav {
        width: 60%;
        height: 100vh;
        padding: 10px 5% 0;
        margin: 0;
        background-color: #141414;
        position: fixed;
        top: 0;
        right: -60%;
        z-index: 9999;
        overflow: auto;
        transition: all .5s;
        -o-transition: all .5s;
        -ms-transition: all .5s;
        -moz-transition: all .5s;
        -webkit-transition: all .5s;
        display: block;
    }
    .header .nav ul {
        width: 100%;
        float: none;
    }
    .header .nav ul li {
        width: 100%;
        text-align: left;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        float: none;
        padding: 10px 0;
        margin: 0;
    }
    .header .nav .y_j i {
        display: block;
    }
    .header .nav .y_j:after {
        display: none;
    }
    .header .nav .y_j a {
        font-size: 22px;
        color: #fff;
        line-height: 51px;
    }
    .header .nav ul li:hover .y_j a {
        color: #fff;
    }
    .header .nav ul li.on .y_j a {
        color: #fff;
    }
    .header .nav .e_j {
        width: 100%;
        background: none;
        border-top: 1px solid rgba(255, 255, 255, .1);
        box-shadow: none;
        position: relative;
        left: auto;
        top: auto;
        padding: 10px 0;
        margin-left: 0;
        opacity: 0;
        visibility: inherit;
        display: none;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        transition: none;
        -o-transition: none;
        -ms-transition: none;
        -moz-transition: none;
        -webkit-transition: none;
    }
    .header .nav ul li:hover .e_j {
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .header .nav .e_j a {
        font-size: 20px;
        line-height: 56px;
        text-align: left;
        color: #fff;
        margin: 0 30px 0 0;
    }
    .sousuo .sou_suo_kuang {
        width: 275px;
        height: 43px;
    }
    .sousuo .sou_suo_kuang button {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    .header .nav .y_j {
        height: auto;
        text-align: left;
        justify-content: flex-start;
    }
}

@media only screen and (max-width:992px) {
    .header .nav {
        display: block;
    }
    .sousuo .sou_suo_kuang {
        width: 100%;
        height: 50px;
    }
    .sousuo .sou_suo_kuang button img {
        width: 30px;
    }
    .header {
        position: relative;
        background-color: #314caf;
    }
    .sousuo {
        width: 100%;
    }
}

.head_h {
    width: 100%;
    height: 100px;
    background-color: #fff;
    overflow: hidden;
}

.head_h.g_b {
    display: none;
}

@media only screen and (max-width:1024px) {
    .head_h {
        height: 120px;
    }
    .head_h.g_b {
        display: block;
    }
}

.pc_ban {
    width: 100%;
    height: 765px;
    position: relative;
    overflow: hidden;
}

.pc_ban .container {
    height: 100%;
    padding-top: 161px;
    letter-spacing: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.pc_ban .container .zuo {
    flex: 0 0 36%;
}

.pc_ban .container .you {
    flex: 0 0 48%;
    position: relative;
}

.pc_ban .container .you img {
    max-width: 100%;
}

.pc_ban .container h5 {
    font-size: 52px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    padding-bottom: 45px;
}

.pc_ban .container h5::after {
    width: 429px;
    height: 1px;
    bottom: 0;
    left: 0;
    position: absolute;
    content: "";
    background-color: #5cfeff;
}

.pc_ban .container h5::before {
    width: 93px;
    height: 6px;
    bottom: -2px;
    left: 0;
    position: absolute;
    content: "";
    background-color: #5cfeff;
}

.pc_ban .container h6 {
    font-size: 26px;
    color: #ffffff;
    /* text-transform: uppercase; */
    margin-top: 34px;
    line-height: 50px;
}

.pc_ban .container .liaojie_gengd {
    width: 400px;
    height: 46px;
    border: 1px solid #fff;
    font-size: 20px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 45px;
    border-radius: 10px;
}

.swiper-button-prev::after,
.swiper-button-next::after {
    content: "";
    display: none;
}

.pc_ban .swiper-button-prev {
    left: 30px;
}

.pc_ban .swiper-button-next {
    right: 30px;
}

.pc_ban .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    bottom: 30px;
}

.pc_ban .swiper-pagination .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    border-radius: 100px;
    opacity: .9;
    background-color: #fff;
    margin: 0 15px;
}

.pc_ban .swiper-pagination .swiper-pagination-bullet-active {
    background: url(../img/dian_01.png) no-repeat;
    width: 29px;
    height: 29px;
}

.pc_ban .swiper-wrapper {
    height: 100%;
}

.pc_ban .swiper-wrapper .swiper-slide {
    height: 100%;
}

.pc_ban .swiper-wrapper .swiper-pagination {
    bottom: 83px;
}

.pc_ban .sw_bg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transition: all 5s;
    -o-transition: all 5s;
    -ms-transition: all 5s;
    -moz-transition: all 5s;
    -webkit-transition: all 5s;
}

.pc_ban .swiper-slide-active .sw_bg {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
}

@media only screen and (max-width:992px) {
    .ban_lj {
        bottom: 10%;
    }
    .pc_ban {
        height: 462px;
    }
    .pc_ban .swiper-button-prev,
    .pc_ban .swiper-button-next {
        display: none;
    }
    .pc_ban .container h6 {
        font-size: 20px;
    }
    .pc_ban .container h5 {
        padding-bottom: 30px;
    }
    .ban_lj {
        font-size: 14px;
        width: 119px;
        height: 32px;
    }
    .pc_ban .swiper-wrapper .swiper-pagination {
        display: none;
    }
    .pc_ban .container h5 {
        font-size: 33px;
    }
    .pc_ban .container h6 {
        font-size: 20px;
    }
    .pc_ban .container .liaojie_gengd {
        margin-top: 50px;
    }
}


/* 为您提供最合适的互联网产品及服务 */

.sy_ggbt h5 {
    position: relative;
    padding-bottom: 30px;
    text-align: center;
    font-size: 30px;
    color: #000;
    font-weight: bold;
}

.sy_ggbt h5::after {
    position: absolute;
    width: 85px;
    height: 7px;
    background: linear-gradient( to bottom, #4760ff, #0dccff) no-repeat;
    background: -webkit-linear-gradient( top, #4760ff, #0dccff) no-repeat;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
}

.sy_mkyi {
    padding: 74px 0 84px;
}

.sy_mkyi .zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 10px;
}

.sy_mkyi .zuoyou .dange {
    /* height: 410px; */
    flex: 0 0 19%;
    /* background: url(../img/beijing.png); */
    position: relative;
    padding-top: 48px;
    margin-top: 32px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.sy_mkyi .zuoyou .dange::after {
    position: absolute;
    content: "";
    left: 20px;
    top: 66px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #cfcfcf;
}

.sy_mkyi .zuoyou .dange::before {
    position: absolute;
    content: "";
    right: 20px;
    top: 66px;
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #cfcfcf;
    z-index: 2;
}

.sy_mkyi .zuoyou .dange:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.sy_mkyi .zuoyou .dange .shang {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
}

.sy_mkyi .zuoyou .dange .xia .tubiao img {
    max-width: 62px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    opacity: .8;
}

.sy_mkyi .zuoyou .dange:hover .xia .tubiao img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.sy_mkyi .zuoyou .dange .xia {
    background-color: #fafafa;
    padding: 42px 30px 39px 20px;
    box-shadow: -2px 2px 2px 2px #efefef;
    border-radius: 20px;
    position: relative;
}

.sy_mkyi .zuoyou .dange .xia::after {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #cfcfcf;
    position: absolute;
    content: "";
    left: 20px;
    bottom: 20px;
}

.sy_mkyi .zuoyou .dange .xia::before {
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: #cfcfcf;
    position: absolute;
    content: "";
    bottom: 20px;
    right: 20px;
}

.sy_mkyi .zuoyou .dange .xia .tubiao {
    position: absolute;
    top: -35px;
    left: 50%;
    transform: translateX(-50%);
}

.sy_mkyi .zuoyou .dange .xia h5 {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    text-align: center;
}

.sy_mkyi .zuoyou .dange .xia h6 {
    font-size: 14px;
    color: #000;
    margin-top: 26px;
    line-height: 27px;
}

.sy_mkyi .zuoyou .dange .xia .jg {
    font-size: 18px;
    color: #72ccf1;
    font-weight: bold;
    margin-top: 24px;
    text-align: center;
}

.sy_mkyi .zuoyou .dange .xia a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 30px;
    width: 140px;
    height: 36px;
    font-size: 14px;
    color: #666666;
    border: 1px solid #998989;
    border-radius: 50px;
}


/* 每一台亿恩服务器都经过20多项严苛的专业测试
让后期应用更稳定，更安全可靠
 */

.sy_mker {
    padding: 70px 0 40px;
}

.sy_mker .sy_ggbt h5 {
    font-weight: normal;
    color: #ffffff;
    text-align: center;
    line-height: 57px;
}

.sy_mker .sy_ggbt h5::after {
    display: none;
}

.sy_mker .nei_rong {
    margin-top: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_mker .youshi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sy_mker .youshi .dange {
    margin-top: 30px;
    flex: 0 0 12%;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.sy_mker .youshi .dange .ss_shang {
    width: 93px;
    height: 93px;
    border-radius: 100px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.sy_mker .youshi .dange:hover .ss_shang {
    border: 1px solid #26b1ea;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.sy_mker .youshi .dange .ss_shang img {
    max-width: 100%;
    filter: grayscale(100%) brightness(20000%);
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.sy_mker .youshi .dange:hover .ss_shang img {
    filter: none;
}

.sy_mker .youshi .dange .xx_xia {
    font-size: 18px;
    color: #ffffff;
    margin-top: 22px;
    line-height: 24px;
    text-align: center;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.sy_mker .youshi .dange:hover .xx_xia {
    color: #26b1ea;
}


/* 全国数据系统 */

.sy_mksan {
    padding: 75px 0 76px;
}

.sy_mksan #container {
    height: 790px;
}


/* 了解秦海 */

.sy_mksi {
    padding: 83px 0 102px;
}

.sy_mksi .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sy_mksi .container .zuo {
    flex: 0 0 45%;
    position: relative;
}

.sy_mksi .container .zuo .anniu {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.sy_mksi .container .zuo .ship_bg {
    width: 100%;
}


/* 视频弹出 */

.yincang_shipin {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.2);
    z-index: 99;
    display: none;
}

.yincang_shipin .chahao {
    position: absolute;
    right: 100px;
    top: 100px;
    z-index: 100;
    cursor: pointer;
    font-size: 50px;
    color: #fff;
}

.yincang_shipin .neirong {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 100%;
    height: 100%;
    position: relative;
}

.yincang_shipin .neirong .shipin {
    width: 60%;
}

.yincang_shipin .neirong .shipin video {
    width: 100%;
}

.sy_mksi .container .you {
    flex: 0 0 49.5%;
}

.sy_mksi .container .you h5 {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    padding-bottom: 44px;
    text-align: right;
    position: relative;
}

.sy_mksi .container .you h5::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 90%;
    height: 1px;
    background-color: #26b1ea;
    content: "";
}

.sy_mksi .container .you h5::before {
    position: absolute;
    right: 0;
    bottom: -4px;
    width: 68px;
    height: 9px;
    background-color: #26b1ea;
    content: "";
}

.sy_mksi .container .you h6 {
    font-size: 16px;
    color: #000;
    margin-top: 45px;
    line-height: 33px;
}


/* 企业资质 */

.sy_mkwu {
    padding: 75px 0;
    overflow: hidden;
}

.sy_mkwu .sy_ggbt h5::after {
    background-color: #fff;
}

.sy_mkwu .lunbo_qyzz {
    margin-top: 57px;
    position: relative;
}

.sy_mkwu .lunbo_qyzz .cp_ban .shang img {
    width: 100%;
}

.sy_mkwu .lunbo_qyzz .cp_ban .xia {
    padding-top: 22px;
}

.sy_mkwu .lunbo_qyzz .cp_ban .xia h5 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.sy_mkwu .lunbo_qyzz .cp_ban .xia h6 {
    font-size: 16px;
    color: #ffffff;
    text-align: center;
    margin-top: 10px;
    line-height: 21px;
}

.sy_mkwu .lunbo_qyzz .swiper-button-next {
    right: -70px;
}

.sy_mkwu .lunbo_qyzz .swiper-button-prev {
    left: -70px;
}


/* 合作伙伴 */

.sy_mkliu {
    padding: 115px 0 109px;
}

.sy_mkliu .hezuo_hb {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 40px;
}

.sy_mkliu .hezuo_hb .dandu {
    flex: 0 0 19%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    box-shadow: 0 0 10px #e5e1e1;
    height: 88px;
    margin-top: 15px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.sy_mkliu .hezuo_hb .dandu:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.sy_mkliu .hezuo_hb .dandu img {
    max-width: 100%;
}


/* 最新资讯 */


/* 首页新闻 */

.sy_news {
    padding: 100px 0 95px;
}

.sy_news .sy_ggbt h5 {
    text-align: left;
    padding-bottom: 20px;
}

.sy_news .sy_ggbt h6 {
    font-size: 20px;
    color: #969696;
}

.sy_news .sy_ggbt h5::after {
    display: none;
}

.sy_news .sy_news_bt {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sy_news .sy_news_bt .sy_news_l h2 {
    font-size: 36px;
    font-weight: bold;
    color: #323232;
    margin-bottom: 10px;
}

.sy_news .sy_news_bt .sy_news_l h5 {
    font-size: 20px;
    color: #969696;
}

.sy_news .sy_news_bt .sy_news_tab ul {
    display: flex;
}

.sy_news .sy_news_bt .sy_news_tab ul li {
    padding: 15px 40px;
    margin: 0 10px;
    font-size: 16px;
    color: #323232;
    border-radius: 100px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    cursor: pointer;
}

.sy_news .sy_news_bt .sy_news_tab ul li:hover,
.sy_news .sy_news_bt .sy_news_tab ul li.on {
    color: #fff;
    background: linear-gradient( to top, #0db9fb, #4186ec) no-repeat;
    background: -webkit-linear-gradient( bottom, #0db9fb, #4186ec) no-repeat;
}

.sy_news_bdrow {
    display: none;
}

.sy_news_row {
    padding-top: 40px;
}

.sy_news_bd .sy_news_img {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
}

.sy_news_bd .sy_news_img .sy_news_content {
    flex: 0 0 48%;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.sy_news_bd .sy_news_img .sy_news_content:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.sy_news_bd .sy_news_img .sy_news_content .jiantou {
    margin-top: 25px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.sy_news_img .sy_news_content .img {
    display: block;
    overflow: hidden;
}

.sy_news_img .sy_news_content .img img {
    width: 100%;
    transition: all 1.3s;
    -o-transition: all 1.3s;
    -ms-transition: all 1.3s;
    -moz-transition: all 1.3s;
    -webkit-transition: all 1.3s;
}

.sy_news_img .sy_news_content .img:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -moz-transform: scale(1.1);
}

.sy_news_img .sy_news_content .title {
    font-size: 18px;
    color: #323232;
    text-align: center;
    margin-top: 24px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
}

.sy_news_img .sy_news_content h6 {
    font-size: 16px;
    color: #969696;
    margin-top: 15px;
    line-height: 30px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.sy_news_row ul li a {
    border-bottom: 1px solid #eeeeee;
    background-color: #fff;
    padding: 20px 30px 20px 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.sy_news_row ul li a:hover {
    background: linear-gradient( to right, #0bbafb, #4285ec) no-repeat;
    background: -webkit-linear-gradient( left, #0bbafb, #4285ec) no-repeat;
}

.sy_news_row ul .sy_news_time {
    text-align: center;
    color: #646464;
    width: 128px;
    border-right: 1px solid #e5e5e5;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.sy_news_row ul li a:hover .sy_news_time {
    color: #fff;
}

.sy_news_row ul .sy_news_time h3 {
    font-size: 28px;
    font-weight: bold;
}

.sy_news_row ul .sy_news_time h5 {
    font-size: 18px;
    margin-top: 10px;
}

.sy_news_row ul .sy_news_word {
    padding-left: 20px;
}

.sy_news_row ul .sy_news_title {
    font-size: 18px;
    color: #323232;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
    margin-bottom: 10px;
    font-weight: bold;
}

.sy_news_row ul li a:hover .sy_news_title {
    color: #fff;
}

.sy_news_row ul .sy_news_des {
    font-size: 16px;
    color: #969696;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
}

.sy_news_row ul li a:hover .sy_news_des {
    color: #fff;
}

.sy_news_word {
    flex: 1;
}

@media (max-width:1500px) {
    .sy_news_word {
        flex: 0 0 78%;
        max-width: 78%;
    }
    .sy_news_row ul .sy_news_time {
        flex: 0 0 21%;
        max-width: 21%;
    }
}

@media only screen and (max-width:1200px) {
    .sy_news_row ul li a {
        padding: 10px 30px;
    }
    .sy_news_row ul .sy_news_time h3 {
        font-size: 21px;
    }
    .sy_news_row ul .sy_news_time h5 {
        font-size: 16px;
    }
}

@media only screen and (max-width:1024px) {
    .sy_news .sy_news_bt {
        flex-wrap: wrap;
    }
    .sy_news .sy_news_tab {
        flex: 0 0 100%;
        max-width: 100%;
        margin-top: 20px;
    }
    .sy_news_img .sy_news_content .title {
        font-size: 22px;
    }
    .sy_news_img .sy_news_content .des {
        font-size: 18px;
    }
    .sy_news .sy_news_bt .sy_news_tab ul li {
        font-size: 18px;
        padding: 10px 28px;
    }
    .sy_news_img .col-lg-6 {
        margin-bottom: 30px;
    }
    .sy_news_row ul li a {
        padding: 20px 0;
    }
}

@media only screen and (max-width:992px) {
    .sy_news {
        padding: 50px 0;
    }
    .sy_news .ggbt h6 {
        left: 0;
    }
    .sy_news .sy_news_tab {
        position: relative;
        z-index: 2;
    }
    .sy_news_row ul .sy_news_time h3 {
        font-size: 25px;
    }
    .sy_news_row ul .sy_news_time h5 {
        font-size: 19px;
    }
    .sy_news_row ul .sy_news_title {
        font-size: 20px;
    }
    .sy_news_row ul .sy_news_des {
        font-size: 19px;
    }
}

.lantiao {
    height: 120px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.lantiao span {
    font-size: 24px;
    color: #ffffff;
}

.lantiao a {
    font-size: 16px;
    color: #ffffff;
    width: 156px;
    height: 45px;
    border: 1px solid #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin-left: 56px;
}

footer {
    background-color: #32394b;
    padding: 65px 0 42px;
}

footer .container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

footer .container .zuo {
    flex: 0 0 70%;
}

footer .container .zuo .shang {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-bottom: 1px solid #616775;
    padding-bottom: 37px;
}

footer .container .zuo .shang .dandu {
    flex: 1;
}

footer .container .zuo .shang .dandu a {
    display: block;
}

footer .container .zuo .shang .dandu .da_bt {
    font-size: 18px;
    color: #ffffff;
    padding-bottom: 10px;
}

footer .container .zuo .shang .dandu .dxiao_bt {
    font-size: 16px;
    color: #cacaca;
    margin-top: 20px;
}

footer .container .zuo .xia {
    padding: 30px 0;
}

footer .container .zuo .xia,
footer .container .zuo .xia a {
    font-size: 16px;
    color: #ffffff;
}

footer .container .zuo .xia a {
    margin-left: 10px;
}

footer .container .you {
    flex: 0 0 30%;
    border-left: 1px solid #606573;
    padding-left: 55px;
}

footer .container .you h4 {
    font-size: 18px;
    color: #fffefe;
    font-weight: bold;
}

footer .container .you .lia_ewm {
    margin-top: 26px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

footer .container .you .lia_ewm .z {
    text-align: center;
    flex: 0 0 45%;
}

footer .container .you .lia_ewm .z img {
    width: 100%;
}

footer .container .you .lia_ewm .z span {
    font-size: 18px;
    color: #fffefe;
    margin-top: 20px;
    display: block;
}

footer .container .you .sige_ewm {
    margin-top: 47px;
}

footer .container .you .sige_ewm .eee_ww_ma {
    position: relative;
    margin-left: 20px;
}

footer .container .you .sige_ewm .eee_ww_ma:nth-child(1) {
    margin-left: 0;
}

footer .container .you .sige_ewm .ewm {
    width: 120px;
    padding: 5px;
    border-radius: 5px;
    background-color: #fff;
    border: 1px solid #ccc;
    position: absolute;
    bottom: 52px;
    left: 50%;
    margin-left: -60px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

footer .container .you .sige_ewm .ewm img {
    width: 100%;
}

footer .container .you .sige_ewm .ewm:before {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 8px solid #fff;
    content: "";
    position: absolute;
    bottom: -8px;
    left: 50%;
    margin-left: -10px;
}

footer .container .you .sige_ewm .eee_ww_ma:hover .ewm {
    opacity: 1;
    visibility: inherit;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
}

footer .container .you .guanzhu_xia {
    padding-top: 10px;
}

footer .container .you .guanzhu_xia p {
    margin-top: 20px;
    font-size: 15px;
    color: #a0a0a0;
}

footer .container .you .guanzhu_xia p img {
    margin-right: 16px;
}

footer .container .banquan {
    border-top: 1px solid #606573;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    color: #a0a0a0;
    padding-top: 30px;
    flex: 0 0 100%;
}

@media only screen and (max-width:1200px) {
    footer .container .you {
        padding-left: 27px;
    }
    footer .container .you .sige_ewm .eee_ww_ma {
        margin-left: 14px;
    }
}

@media only screen and (max-width:992px) {
    .lantiao {
        height: auto;
        padding: 30px 0;
    }
    .lantiao span {
        flex: 0 0 100%;
        text-align: center;
    }
    .lantiao a {
        margin-left: 0;
        font-size: 20px;
        margin-top: 30px;
    }
    footer .container .zuo .shang {
        display: none;
    }
    footer {
        padding: 30px 0;
    }
    footer .container .you {
        border-left: none;
        padding-left: 0;
        flex: 0 0 100%;
        padding-bottom: 30px;
    }
    footer .container .zuo {
        flex: 0 0 100%;
    }
    footer .container .zuo .xia,
    footer .container .zuo .xia a {
        font-size: 20px;
    }
    footer .container .you h4 {
        font-size: 22px;
    }
    footer .container .you .sige_ewm .eee_ww_ma:hover .ewm {
        opacity: 0;
        visibility: hidden;
    }
    footer .container .you .sige_ewm {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    footer .container .you .sige_ewm .eee_ww_ma {
        margin-left: 48px;
    }
    footer .container .you .guanzhu_xia p {
        font-size: 18px;
    }
    footer .container .banquan {
        padding-top: 20px;
    }
}


/* 帮助中心 */

.nei_ban {
    height: 750px;
    padding-top: 164px;
    position: relative;
}

.nei_ban1 {
    height: 625px;
}

.nei_ban .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    height: 100%;
}

.nei_ban .container .zuo {
    flex: 0 0 45%;
}

.nei_ban .container .zuo h5 {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
}

.nei_ban .container .zuo h6 {
    font-size: 18px;
    color: #ffffff;
    margin-top: 30px;
    line-height: 38px;
}

.nei_ban .container .zuo a {
    margin-top: 70px;
    width: 154px;
    height: 46px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 16px;
    color: #ffffff;
    border-radius: 50px;
    background: linear-gradient( to right, #015fea, #00bffa) no-repeat;
    background: -webkit-linear-gradient( left, #015fea, #00bffa) no-repeat;
}

@media only screen and (max-width:1200px) {
    .nei_ban {
        height: 558px;
    }
    .nei_ban .container .zuo h5 {
        font-size: 31px;
    }
    .nei_ban .container .zuo h6 {
        margin-top: 24px;
    }
    .nei_ban .container .zuo a {
        margin-top: 43px;
    }
}

@media only screen and (max-width:992px) {
    .nei_ban {
        height: 304px;
        padding-top: 0;
    }
    .nei_ban .container .zuo h5 {
        font-size: 27px;
    }
    .nei_ban .container .zuo {
        flex: 0 0 73%;
    }
    .nei_ban .container .zuo h6 {
        line-height: 28px;
    }
    .nei_ban .container .zuo a {
        font-size: 18px;
        margin-top: 21px;
    }
}


/* 产品文档 */

.chanpin_wendang {
    padding: 60px 0 50px;
}

.chanpin_wendang .cp_wend_zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 46px;
}

.chanpin_wendang .cp_wend_zuoyou .dange {
    flex: 0 0 23%;
    padding: 25px 0 28px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    border-radius: 5px;
}

.chanpin_wendang .cp_wend_zuoyou .dange .s {
    height: 187px;
}

.chanpin_wendang .cp_wend_zuoyou .dange .s img {
    max-height: 100%;
    max-width: 100%;
}

.chanpin_wendang .cp_wend_zuoyou .dange h5 {
    margin-top: 16px;
    font-size: 20px;
    color: #000;
    font-weight: bold;
    padding-bottom: 17px;
    position: relative;
}

.chanpin_wendang .cp_wend_zuoyou .dange h5::after {
    position: absolute;
    width: 54px;
    height: 6px;
    background: linear-gradient( to right, #4760ff, #0dccff) no-repeat;
    background: -webkit-linear-gradient( left, #4760ff, #0dccff) no-repeat;
    content: "";
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

.chanpin_wendang .cp_wend_zuoyou .dange:hover {
    box-shadow: 0 0 10px #dcd9d9;
}

@media only screen and (max-width:1200px) {
    .chanpin_wendang .cp_wend_zuoyou .dange {
        padding: 20px;
    }
}

@media only screen and (max-width:992px) {
    .chanpin_wendang {
        padding: 50px 0;
    }
    .chanpin_wendang .cp_wend_zuoyou {
        margin-top: 10px;
    }
    .chanpin_wendang .cp_wend_zuoyou .dange {
        flex: 0 0 50%;
        margin-top: 20px;
    }
}


/* 常见问题分类 */

.chanpin_wenti {
    background-color: #f7f7f7;
    padding: 70px 0 120px;
}

.sy_ggbt h6 {
    font-size: 20px;
    color: #000;
    text-align: center;
    margin-top: 30px;
}

.chanpin_wenti .wenti_qiehuan {
    margin-top: 15px;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu {
    padding: 40px 0;
    font-size: 22px;
    color: #000;
    position: relative;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_tou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu.on {
    font-weight: bold;
    color: #2a96ff;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu.on::after {
    position: absolute;
    width: 119px;
    height: 6px;
    background-color: #268cff;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: "";
}

.chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu {
    box-shadow: 0 0 10px #a6b0d2;
    padding: 30px 44px;
    display: none;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu .neirong {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
}

.chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu .neirong a {
    display: block;
    flex: 0 0 30%;
    max-width: 30%;
    padding: 20px 0;
    font-size: 18px;
    color: #000;
}

@media only screen and (max-width:1200px) {
    .chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu {
        border: 1px solid #999;
        padding: 10px 20px;
        flex: 0 0 30%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        margin-top: 10px;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu.on::after {
        display: none;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu.on {
        color: #fff;
        background-color: #2a96ff;
        border: 1px solid #2a96ff;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu {
        margin-top: 30px;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu .neirong a {
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media only screen and (max-width:992px) {
    .chanpin_wenti {
        padding: 50px 0;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_tou .dandu {
        flex: 0 0 48%;
    }
    .chanpin_wenti .wenti_qiehuan .qiehuan_shet .dandu {
        padding: 30px;
    }
    .sy_ggbt h6 {
        margin-top: 19px;
    }
}


/* 关于等保 */

.dengbao_fuwu1 {
    padding: 87px 0 110px;
}

.dengbao_fuwu1 .row .dengbao_nr {
    margin-top: 45px;
    background-color: #f7f7f7;
    padding: 30px 24px 26px;
    box-shadow: 0 0 10px #dddddd;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    min-height: 311px;
}

.dengbao_fuwu1 .row .dengbao_nr:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 10px #b9b5b5;
}

.dengbao_fuwu1 .row .dengbao_nr .tb {
    text-align: center;
}

.dengbao_fuwu1 .row .dengbao_nr .tb img {
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.dengbao_fuwu1 .row .dengbao_nr:hover .tb img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.dengbao_fuwu1 .row .dengbao_nr h5 {
    position: relative;
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    color: #000;
    margin-top: 30px;
    padding-bottom: 13px;
}

.dengbao_fuwu1 .row .dengbao_nr h5::after {
    width: 50px;
    height: 3px;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    content: "";
    background-color: #26b1ea;
}

.dengbao_fuwu1 .row .dengbao_nr h6 {
    font-size: 14px;
    color: #000;
    margin-top: 17px;
    line-height: 23px;
}

@media only screen and (max-width:992px) {
    .dengbao_fuwu1 {
        padding: 50px 0;
    }
    .dengbao_fuwu1 .row .dengbao_nr h6 {
        font-size: 18px;
        line-height: 30px;
    }
}


/* 等保安全服务内容 */

.dengbao_fuwu2 {
    padding: 55px 0 86px;
}

.dengbao_fuwu2 .nei_rong {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.dengbao_fuwu2 .nei_rong .dange {
    flex: 0 0 30%;
    max-width: 30%;
    margin-top: 45px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.dengbao_fuwu2 .nei_rong .dange .shang {
    text-align: center;
}

.dengbao_fuwu2 .nei_rong .dange .shang img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.dengbao_fuwu2 .nei_rong .dange:hover .shang img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.dengbao_fuwu2 .nei_rong .dange h5 {
    text-align: center;
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    padding-bottom: 24px;
    margin-top: 20px;
}

.dengbao_fuwu2 .nei_rong .dange h5::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 54px;
    background-color: #26b1ea;
    height: 5px;
    bottom: 0;
    content: "";
}

.dengbao_fuwu2 .nei_rong .dange h6 {
    font-size: 18px;
    color: #ffffff;
    margin-top: 25px;
    line-height: 30px;
    text-align: center;
}

.dengbao_fuwu2 .nei_rong .dange:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

@media only screen and (max-width:1024px) {
    .dengbao_fuwu2 {
        padding: 50px 0;
    }
    .dengbao_fuwu2 .nei_rong .dange {
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* 服务流程 */

.dengbao_fuwu3 {
    padding-top: 74px;
}

.dengbao_fuwu3 .liucheng_neirong {
    margin-top: 35px;
    border: 1px solid #bfbfbf;
}

.dengbao_fuwu3 .liucheng_neirong .liucheng_tou {
    background-color: #26b1ea;
    height: 74px;
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.dengbao_fuwu3 .liucheng_neirong .liucheng_shen .yihang {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.dengbao_fuwu3 .liucheng_neirong .er {
    border-left: 1px #cecece dotted;
    border-right: 1px #cecece dotted;
}

.dengbao_fuwu3 .liucheng_neirong .yi {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex: 0 0 16.7%;
    max-width: 16.7%;
    height: 100%;
    font-size: 18px;
    color: #626262;
}

.dengbao_fuwu3 .liucheng_neirong .er {
    flex: 0 0 52%;
    max-width: 52%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    font-size: 14px;
    color: #646464;
}

.dengbao_fuwu3 .liucheng_neirong .san {
    flex: 0 0 31.3%;
    max-width: 31.3%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 30px;
    font-size: 14px;
    color: #646464;
}

.dengbao_fuwu3 .liucheng_neirong .liucheng_shen .yihang {
    background-color: #f7f7f7;
    height: 112px;
}

.dengbao_fuwu3 .liucheng_neirong .liucheng_shen .yihang:nth-child(2n) {
    background-color: #ffffff;
}

.dengbao_fuwu3 .liucheng_neirong .liucheng_tou .yi,
.dengbao_fuwu3 .liucheng_neirong .liucheng_tou .er,
.dengbao_fuwu3 .liucheng_neirong .liucheng_tou .san {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
}

@media only screen and (max-width:1024px) {
    .dengbao_fuwu3 {
        padding-top: 50px;
    }
    .dengbao_fuwu3 .liucheng_neirong .liucheng_tou {
        width: 1200px;
    }
    .dengbao_fuwu3 .liucheng_neirong .liucheng_shen {
        width: 1200px;
    }
    .dengbao_fuwu3 .liucheng_neirong {
        overflow-x: auto;
    }
    .dengbao_fuwu3 .liucheng_neirong .er {
        font-size: 18px;
    }
    .dengbao_fuwu3 .liucheng_neirong .san {
        font-size: 18px;
    }
}


/* 快速过保 */

.dengbao_fuwu4 {
    padding-top: 60px;
}

.dengbao_fuwu4 .kuaisu {
    margin-top: 57px;
}

.dengbao_fuwu4 .kuaisu img {
    width: 100%;
}

.dengbao_fuwu4 .nei_rong {
    position: relative;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    flex-wrap: wrap;
}

.dengbao_fuwu4 .nei_rong .dandu {
    /* height: 221px; */
    background-color: #f7f7f7;
    padding: 40px 50px 30px;
    flex: 0 0 30%;
    max-width: 30%;
    margin: -70px 20px 0;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
    box-shadow: 0 0 5px #d8d6d6;
}

.dengbao_fuwu4 .nei_rong .dandu:hover {
    background: linear-gradient( to right, #0cbafb, #4087ed) no-repeat;
    background: -webkit-linear-gradient( left, #0cbafb, #4087ed) no-repeat;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}

.dengbao_fuwu4 .nei_rong .dandu h5 {
    font-size: 20px;
    color: #5d5d5d;
    font-weight: bold;
    padding-bottom: 30px;
    text-align: center;
    position: relative;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.dengbao_fuwu4 .nei_rong .dandu:hover h5 {
    color: #fff;
}

.dengbao_fuwu4 .nei_rong .dandu h5::after {
    width: 66px;
    height: 7px;
    background-color: #26b1ea;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    position: absolute;
    content: "";
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.dengbao_fuwu4 .nei_rong .dandu:hover h5::after {
    background-color: #fff;
}

.dengbao_fuwu4 .nei_rong .dandu h6 {
    font-size: 18px;
    color: #5d5d5d;
    margin-top: 35px;
    line-height: 30px;
    text-align: center;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.dengbao_fuwu4 .nei_rong .dandu:hover h6 {
    color: #fff;
}

@media screen and (max-width: 1250px) {
    .dengbao_fuwu4 .nei_rong .dandu {
        margin: -70px 6px 0;
    }
}

@media screen and (max-width: 1200px) {
    .dengbao_fuwu4 .nei_rong .dandu {
        margin: 30px 10px;
        padding: 20px;
    }
}

@media screen and (max-width: 992px) {
    .dengbao_fuwu4 .nei_rong .dandu {
        margin: 30px 0 0;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .dengbao_fuwu4 .nei_rong .dandu h6 {
        margin-top: 20px;
    }
}


/* 客户案例 */

.dengbao_duwu5 {
    padding-top: 108px;
}

.dengbao_duwu5 .hezuo_hb .dandu {
    flex: 0 0 23%;
}

@media only screen and (max-width:992px) {
    .dengbao_duwu5 {
        padding: 50px 0;
    }
    .sy_mkliu {
        padding: 50px 0;
    }
    .sy_mkliu .hezuo_hb {
        margin-top: 20px;
    }
    .dengbao_duwu5 .hezuo_hb .dandu {
        flex: 0 0 48%;
    }
}


/* 常见问题 */

.denngbao_fuwu6 {
    padding: 10px 0 100px;
}

.denngbao_fuwu6 .row {
    margin-top: 20px;
}

.denngbao_fuwu6 .neirong {
    margin-top: 30px;
    background-color: #f7f7f7;
    box-shadow: 3px 3px 6px 3px #e0e0e0;
    padding: 30px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    display: block;
}

.denngbao_fuwu6 .neirong:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 3px 3px 6px 3px #cccbcb;
}

.denngbao_fuwu6 .neirong h5 {
    font-size: 20px;
    color: #000;
    font-weight: bold;
}

.denngbao_fuwu6 .neirong h6 {
    font-size: 16px;
    color: #000;
    line-height: 25px;
    margin-top: 15px;
}

.denngbao_fuwu6 .neirong .jiantou {
    text-align: right;
    margin-top: 10px;
}

@media only screen and (max-width:992px) {
    .denngbao_fuwu6 .row {
        margin-top: 0;
    }
    .denngbao_fuwu6 .neirong {
        margin-top: 30px;
    }
    .denngbao_fuwu6 .neirong h6 {
        font-size: 18px;
    }
    .denngbao_fuwu6 {
        padding: 0 0 50px;
    }
}


/* 解决方案1 */

.jiehue1_erji {
    padding: 22px 0;
    background-color: #f7f7f7;
    box-shadow: 0 0 5px #d4d1d1;
}

.jiehue1_erji .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.jiehue1_erji .container a {
    flex: 0 0 18%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    text-align: center;
}

.jiehue1_erji .container a h5 {
    font-size: 18px;
    color: #000;
    margin-top: 20px;
}

@media only screen and (max-width:992px) {
    .jiehue1_erji .container a {
        flex: 0 0 31%;
    }
}


/* 产品优势 */

.fangan1_yi {
    padding-top: 70px;
}

.fangan1_yi .youshi {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.fangan1_yi .youshi .dange {
    flex: 0 0 26.5%;
    max-width: 26.5%;
    margin-top: 67px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.fangan1_yi .youshi .dange:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.fangan1_yi .youshi .dange .shang {
    text-align: center;
}

.fangan1_yi .youshi .dange .shang img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.fangan1_yi .youshi .dange:hover .shang img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.fangan1_yi .youshi .dange h5 {
    text-align: center;
    font-size: 27px;
    color: #000;
    font-weight: bold;
    margin-top: 40px;
}

.fangan1_yi .youshi .dange h6 {
    text-align: center;
    font-size: 17px;
    color: #000;
    margin-top: 20px;
    line-height: 30px;
}

@media only screen and (max-width:1024px) {
    .fangan1_yi {
        padding-top: 50px;
    }
    .fangan1_yi .youshi .dange {
        margin-top: 40px;
        flex: 0 0 100%;
        max-width: 100%;
    }
}


/* 基础信息 */

.fangan1_er {
    padding: 101px 0 33px;
}

.fangan1_er .neirong_xx {
    background-color: #f5f8ff;
    padding: 45px 33px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 55px;
}

.fangan1_er .neirong_xx .zuo {
    flex: 0 0 50%;
}

.fangan1_er .neirong_xx .zuo img {
    width: 100%;
}

.fangan1_er .neirong_xx .you {
    flex: 0 0 44%;
    font-size: 16px;
    color: #000;
    line-height: 46px;
}

@media only screen and (max-width:1024px) {
    .fangan1_er {
        padding: 50px 0;
    }
    .fangan1_er .neirong_xx .zuo {
        flex: 0 0 100%;
    }
    .fangan1_er .neirong_xx {
        padding: 30px;
    }
    .fangan1_er .neirong_xx .you {
        flex: 0 0 100%;
        font-size: 19px;
        margin-top: 30px
    }
}


/* 设施信息 */

.fangan1_san {
    padding: 70px 0 116px;
    background-color: #32394a;
}

.fangan1_san .neironmg {
    text-align: center;
    position: relative;
    width: 700px;
    height: 700px;
    border-radius: 100%;
    border: 7px #5080da solid;
    margin: 0 auto;
    margin-top: 85px;
}

.fangan1_san .neironmg .xinxi_tou {
    position: relative;
    left: 0;
    top: 0;
    width: 100%;
}

.fangan1_san .neironmg .xinxi_tou .dandu {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    position: absolute;
}

.fangan1_san .neironmg .xinxi_tou .dandu h5 {
    font-size: 20px;
    color: #ffffff;
    font-weight: bold;
}

.fangan1_san .neironmg .xinxi_tou .dandu h6 {
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    height: 38px;
    width: 38px;
    border-radius: 100px;
    background-color: #5080da;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(1) {
    left: 50%;
    transform: translateX(-50%);
    top: -62px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(1) h5 {
    flex: 0 0 100%;
    margin-bottom: 15px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(2) {
    left: 88%;
    top: 127px;
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
    width: 20%;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(2) h5 {
    margin-left: 15px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(3) {
    left: 90%;
    top: 513px;
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
    width: 20%;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(3) h5 {
    margin-left: 15px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(6) {
    right: 88%;
    top: 127px;
    width: 20%;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(6) h5 {
    margin-right: 15px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(5) {
    right: 90%;
    top: 513px;
    width: 20%;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(5) h5 {
    margin-right: 15px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(4) {
    left: 50%;
    transform: translateX(-50%);
    top: 668px;
}

.fangan1_san .neironmg .xinxi_tou .dandu:nth-child(4) h5 {
    flex: 0 0 100%;
    order: 1;
    margin-top: 15px;
}

.fangan1_san .neironmg .xinxi_body .dandu {
    display: none;
    padding: 74px 92px;
}

.fangan1_san .neironmg .xinxi_body {
    height: 100%;
}

.fangan1_san .neironmg .xinxi_body .dandu {
    height: 100%;
}

.fangan1_san .neironmg .xinxi_body .dandu .neirong {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    height: 100%;
    padding: 80px;
    background: url(../img/yuanbg.png) no-repeat;
}

.fangan1_san .neironmg .xinxi_body .dandu .neirong h5 {
    font-size: 24px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    padding-bottom: 23px;
}

.fangan1_san .neironmg .xinxi_body .dandu .neirong h5::after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    width: 46px;
    height: 4px;
    background-color: #5080da;
    content: "";
}

.fangan1_san .neironmg .xinxi_body .dandu .neirong h6 {
    font-size: 18px;
    color: #ffffff;
    margin-top: 19px;
    line-height: 32px;
}

@media only screen and (max-width:992px) {
    .fangan1_san {
        padding: 50px 0;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu {
        position: static;
        transform: none;
        flex: 0 0 45%;
    }
    .fangan1_san .neironmg {
        position: static;
        width: 100%;
        height: auto;
        border: none;
    }
    .fangan1_san .neironmg .xinxi_tou {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(1) {
        transform: none;
        flex-direction: row-reverse;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(2),
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(3),
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(5),
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(6) {
        width: auto;
        flex-direction: row-reverse;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(4) {
        transform: none;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(1) h5,
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(4) h5 {
        flex: initial;
        margin-bottom: 0;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu h5 {
        margin-left: 15px;
        margin-right: 0;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(6) h5,
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(5) h5 {
        margin-right: 0;
        margin-bottom: 0;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu:nth-child(4) h5 {
        margin-top: 0;
        margin-bottom: 0;
    }
    .fangan1_san .neironmg .xinxi_tou .dandu {
        align-items: center;
        margin-top: 30px;
    }
    .fangan1_san .neironmg {
        margin-top: 30px;
    }
    .fangan1_san .neironmg .xinxi_body .dandu .neirong {
        background: none;
        padding: 0;
    }
    .fangan1_san .neironmg .xinxi_body .dandu {
        padding: 0;
        margin-top: 50px;
    }
}


/* 产品推荐 */

.fangan1_si {
    padding: 66px 0 75px;
}

.fangan1_si .zuoyou .dange {
    flex: 0 0 31%;
}

.fangan1_si .zuoyou .dange .xia {
    background-color: #f7f7f7;
    padding: 70px 45px 60px 50px;
}

.fangan1_si .zuoyou .dange .xia h5 {
    font-size: 27px;
    color: #32394a;
}

.fangan1_si .zuoyou .dange .xia h6 {
    font-size: 17px;
    color: #32394a;
    margin-top: 30px;
}

.fangan1_si .zuoyou .dange .xia h6 p {
    margin-top: 20px;
    font-size: 17px;
    color: #32394a;
}

.fangan1_si .zuoyou .dange .xia a {
    margin-top: 52px;
    width: 180px;
    height: 47px;
    border-radius: 20px;
    font-size: 18px;
    color: #666666;
}

.sy_mkyi .zuoyou .dange .xia .tubiao {
    top: -22px;
}

.fuwuqi_erji {
    background-color: #f7f7f7;
    box-shadow: 0 0 10px #d7d4d4;
}

.fuwuqi_erji .container {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fuwuqi_erji a {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 70px;
    font-size: 16px;
    color: #585858;
}

.fuwuqi_erji a.on {
    background: linear-gradient( to right, #015eea, #00befa) no-repeat;
    background: -webkit-linear-gradient( left, #015eea, #00befa) no-repeat;
    color: #fff;
    font-weight: bold;
}

@media only screen and (max-width:1024px) {
    .fuwuqi_erji a {
        flex: 0 0 24%;
        border: 1px solid #4087ec;
        margin-top: 10px;
    }
    .fuwuqi_erji .container {
        justify-content: space-between;
    }
    .fuwuqi_erji {
        padding-bottom: 10px;
    }
}

@media only screen and (max-width:1024px) {
    .fuwuqi_erji a {
        flex: 0 0 24%;
        font-size: 18px;
    }
}

@media only screen and (max-width:992px) {
    .fangan1_si {
        padding: 50px 0;
    }
    .fangan1_si .zuoyou .dange {
        flex: 0 0 100%;
    }
    .fangan1_si .zuoyou .dange .xia h6 p {
        font-size: 19px;
    }
}


/* 服务器租用 */

.fuwuqi_zuyong1 {}

.sm-show {
    display: none;
}

.section {
    padding: 50px 0;
    overflow: hidden;
    width: 100%
}

.section-title h2,
.section-title h3 {
    font-size: 38px;
    line-height: 60px;
    -webkit-font-smoothing: antialiased;
    font-weight: bold;
    position: relative;
    z-index: 99
}

.section-title h2 {
    font-size: 30px;
    line-height: 75px;
    font-weight: normal;
}

.section-title {
    text-align: center;
    margin-bottom: 60px;
}

.section-title p {
    font-size: 16px;
    line-height: 30px;
    max-width: 1380px;
    width: 96%;
    margin: 0 auto
}

.proInfo li {
    margin: 10px 0;
    border: 1px solid #ced9f2;
    background-color: #fff;
    font-size: 14px
}

.info-head {
    padding: 15px 10px 0;
    font-weight: bold;
    font-size: 16px
}

.info-head .red {
    color: #6468e0
}

.info-body {
    padding: 10px
}

.info-body dd {
    line-height: 30px;
    color: #676971
}

.info-foot {
    text-align: right;
    padding: 10px 0;
    border-top: 1px dashed #ced9f2;
    position: relative
}

.info-foot a {
    width: 80px;
    border-radius: 20px;
    margin: 0 5px;
    line-height: 30px;
    border: 1px solid #ced9f2
}

.info-foot a.copy {
    position: absolute;
    top: -40px;
    right: 0
}

.table01 {
    width: 100%;
    border: 1px solid #ced9f2;
    border-collapse: collapse;
    background-color: #fff
}

.table01 th {
    border: 1px solid #ced9f2;
}

.table01 td {
    border-bottom: 1px solid #ced9f2;
}

.table01 thead tr {
    background: linear-gradient( to right, #0db8fb, #4285ec) no-repeat;
    background: -webkit-linear-gradient( left, #0db8fb, #4285ec) no-repeat;
}

.table01 th {
    white-space: nowrap;
    padding: 20px 5px;
    text-align: center;
    color: #fff;
    font-size: 18px;
}

.table01 td {
    text-align: center;
    padding: 10px 5px
}

.table01 td .btn {
    width: 90px;
    line-height: 22px;
    cursor: pointer;
    margin: 5px;
    border: 1px solid #a9a9a9;
    border-radius: 50px;
}

.table01 td .btn:hover {
    background: -webkit-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -o-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -moz-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: linear-gradient(to bottom, #4286ec, #0cb8fa);
    color: #fff;
    border: 1px solid #fff
}

.tab-btn {
    width: 100%;
    margin-top: 89px;
    /* margin: 70px auto 0 auto; */
}

.tab-btn ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.tab-btn li {
    flex: 0 0 24%;
    margin: 0 .5%;
    line-height: 80px;
    text-align: center;
    margin-top: 17px;
    font-size: 20px;
    color: #5a5a5a;
}

.tab-btn li a {
    font-size: 20px;
    color: #5a5a5a;
    display: block;
    border-radius: 5px;
    border: 1px solid #4087ec;
}

.tab-btn li.on a {
    color: #fff;
    font-weight: bold;
    background: -webkit-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -o-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -moz-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: linear-gradient(to bottom, #4286ec, #0cb8fa);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1)
}

.tab-btn li a:hover {
    background: -webkit-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -o-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: -moz-linear-gradient(to bottom, #4286ec, #0cb8fa);
    background: linear-gradient(to bottom, #4286ec, #0cb8fa);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#4196fe, endcolorstr=#7c7ee5, gradientType=1);
    color: #fff;
    font-weight: bold;
}

.section-top {
    padding-bottom: 20px;
    border-bottom: 1px dashed #d9d9d9;
}

.section-top p {
    font-size: 16px;
    line-height: 35px;
    position: relative
}

.section-top p i {
    position: absolute;
    left: -34px;
    font-size: 26px;
    color: #389bfd;
}

.section-content .content-item {
    margin-top: 20px;
}

.section-content .content-item a {
    display: inline-block;
    margin-right: 5px;
}

.section-content .content-item a:last-child {
    margin-right: 0
}

.section-content .content-item a:hover {
    color: #389bfd
}

@media screen and (max-width: 1200px) {
    .table01 td {
        font-size: 16px
    }
}

@media screen and (max-width: 992px) {
    .tab-btn {
        margin-top: 50px;
    }
    .tab-btn li {
        flex: 0 0 32%;
    }
    .info-foot a {
        width: 147px;
    }
    .info-head {
        font-size: 19px;
    }
    .info-body dd {
        font-size: 18px;
    }
    .section-title {
        margin-bottom: 30px;
    }
    .sm-show {
        display: block
    }
    .table01 {
        display: none;
    }
    .info-head {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
}

.fuwuqi_zuyong2 {
    padding-top: 10px;
}

.fuwuqi_zuyong2 .nritomngh .hang {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.fuwuqi_zuyong2 .nritomngh .hang .lie {
    flex: 0 0 20%;
    background-color: #f7f7f7;
    height: 65px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-bottom: 1px solid #dcdcdc;
}

.fuwuqi_zuyong2 .nritomngh .hang:nth-child(1) .lie:nth-child(1) {
    background-color: #26b1ea;
    color: #fff;
    font-weight: bold;
}

.fuwuqi_zuyong2 .nritomngh .hang .lie:nth-child(2) {
    flex: 0 0 80%;
    text-align: left;
    justify-content: flex-start;
    border-left: 1px solid #dcdcdc;
    /*border-right: 1px solid #dcdcdc;*/
    padding: 0 20px;
}

@media only screen and (max-width:992px) {
    .fuwuqi_zuyong2 .nritomngh {
        overflow-x: auto;
    }
    .fuwuqi_zuyong2 .nritomngh .hang {
        width: 1200px;
    }
}


/* 产品优势 */

.fuwuqi_zuyong3 {
    margin-top: 90px;
    margin-bottom: 100px;
}

.fuwuqi_zuyong3 h6 {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    line-height: 46px;
    margin-top: 25px;
}

@media only screen and (max-width:992px) {
    .fuwuqi_zuyong3 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
    .fuwuqi_zuyong3 h6 {
        font-size: 20px;
    }
}


/*  */

.zuyonmg {
    padding: 60px 0 77px;
}

.duwu_zhengge2 .section-title {
    margin-bottom: 40px;
}

.duwu_zhengge2 .section-title h2 {
    font-weight: bold;
    color: #5a5a5a;
}

.duwu_zhengge2 .table01 td {
    border: 1px solid #ced9f2;
}

.duwu_zhengge2 .shang0 {
    padding-top: 0;
}


/*  */


/* section12 */

.sec-ani-box {
    width: 1000px;
    margin: 0 auto
}

.sec-ani {
    position: relative;
    height: 570px
}

.sec-bg-arc {
    position: absolute;
    width: 800px;
    height: 402px;
    overflow: hidden;
    left: 50%;
    margin-left: -400px
}

.sec-bg-arc i {
    display: block;
    position: absolute;
    left: 50%;
    top: 100%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border: 1px solid #8de1fc;
}

.sec-bg-arc i:nth-child(1) {
    width: 800px;
    height: 800px;
    border-radius: 800px;
}

.sec-bg-arc i:nth-child(2) {
    width: 650px;
    height: 650px;
    border-radius: 600px;
}

.sec-bg-arc i:nth-child(3) {
    width: 500px;
    height: 500px;
    border-radius: 400px;
}

.sec-dot {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    left: 50%;
    margin-left: -500px
}

.sec-dot li {
    position: absolute;
    cursor: pointer;
}

.sec-dot li>div {
    width: 110px;
    height: 110px;
    border-radius: 80px;
    background: -webkit-linear-gradient(to left, #3e89ed, #28aef7);
    background: -o-linear-gradient(to left, #3e89ed, #28aef7);
    background: -moz-linear-gradient(to left, #3e89ed, #28aef7);
    background: linear-gradient(to left, #3e89ed, #28aef7);
    filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#3e89ed, endcolorstr=#28aef7, gradientType=1);
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    box-shadow: 2px 2px 5px rgba(70, 148, 251, 0.5);
    padding-top: 1px;
    -webkit-animation: rock 3s infinite;
    -moz-animation: rock 3s infinite;
    -o-animation: rock 3s infinite;
    animation: rock 3s infinite;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.sec-dot li .zuyong-ic {
    margin-top: 15px;
}

.sec-dot li:nth-child(4) .zuyong-ic {
    margin-top: 24px
}

.zuyong-ic {
    display: block;
    background-image: url(../image/icon.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
    margin: 0 auto
}

.ic02 {
    background-position: -30px 0
}

.ic03 {
    background-position: -60px 0
}

.ic04 {
    background-position: -90px 0
}

.ic05 {
    background-position: -120px 0
}

.ic06 {
    background-position: -150px 0
}

.sec-dot li:nth-child(1) {
    left: 1%;
    top: 404px;
}

.sec-dot li:nth-child(1)>div {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -o-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-duration: 3.4s;
    -moz-animation-duration: 3.4s;
    -o-animation-duration: 3.4s;
    animation-duration: 3.4s
}

.sec-dot li:nth-child(2) {
    left: 106px;
    top: 107px;
}

.sec-dot li:nth-child(2)>div {
    -webkit-animation-delay: 2.1s;
    -moz-animation-delay: 2.1s;
    -o-animation-delay: 2.1s;
    animation-delay: 2.1s;
    -webkit-animation-duration: 5s;
    -moz-animation-duration: 5s;
    -o-animation-duration: 5s;
    animation-duration: 5s;
    width: 120px;
    height: 120px;
}

.sec-dot li:nth-child(3) {
    left: 162px;
    top: 380px;
}

.sec-dot li:nth-child(3)>div {
    width: 36px;
    height: 36px;
    -webkit-animation-delay: 1.5s;
    -moz-animation-delay: 1.5s;
    -o-animation-delay: 1.5s;
    animation-delay: 1.5s;
    -webkit-animation-duration: 6.3s;
    -moz-animation-duration: 6.3s;
    -o-animation-duration: 6.3s;
    animation-duration: 6.3s
}

.sec-dot li:nth-child(4) {
    left: 371px;
    top: -12px;
}

.sec-dot li:nth-child(4)>div {
    width: 140px;
    height: 140px;
    font-size: 20px;
    -wekibt-animation-delay: 2.4s;
    -moz-animation-delay: 2.4s;
    -o-animation-delay: 2.4s;
    animation-delay: 2.4s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.sec-dot li:nth-child(4) .ic {
    margin-top: 25px
}

.sec-dot li:nth-child(5) {
    left: 650px;
    top: -18px;
}

.sec-dot li:nth-child(5)>div {
    -webkit-animation-delay: .9s;
    -moz-animation-delay: .9s;
    -o-animation-delay: .9s;
    animation-delay: .9s;
    -webkit-animation-duration: 4.3s;
    -moz-animation-duration: 4.3s;
    -o-animation-duration: 4.3s;
    animation-duration: 4.3s;
    width: 110px;
    height: 110px;
}

.sec-dot li:nth-child(6) {
    left: 718px;
    top: 150px;
}

.sec-dot li:nth-child(6)>div {
    -webkit-animation-delay: 1.8s;
    -moz-animation-delay: 1.8s;
    -o-animation-delay: 1.8s;
    animation-delay: 1.8s;
    -webkit-animation-duration: 6s;
    -moz-animation-duration: 6s;
    -o-animation-duration: 6s;
    animation-duration: 6s
}

.sec-dot li:nth-child(7) {
    left: 860px;
    top: 395px;
}

.sec-dot li:nth-child(7)>div {
    width: 130px;
    height: 130px;
    -webkit-animation-delay: .6s;
    -moz-animation-delay: .6s;
    -o-animation-delay: .6s;
    animation-delay: .6s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.sec-dot li:nth-child(8) {
    left: 816px;
    top: 395px;
}

.sec-dot li:nth-child(8)>div {
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.sec-dot li:nth-child(9) {
    left: 622px;
    top: 100px;
}

.sec-dot li:nth-child(9)>div {
    width: 20px;
    height: 20px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.sec-dot li:nth-child(10) {
    left: 368px;
    top: 168px;
}

.sec-dot li:nth-child(10)>div {
    width: 36px;
    height: 36px;
    -webkit-animation-delay: 1.2s;
    -moz-animation-delay: 1.2s;
    -o-animation-delay: 1.2s;
    animation-delay: 1.2s;
    -webkit-animation-duration: 7s;
    -moz-animation-duration: 7s;
    -o-animation-duration: 7s;
    animation-duration: 7s
}

.sec-chart {
    position: absolute;
    width: 100%;
    height: 100%;
    min-width: 1000px;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.sec-chart>img {
    position: absolute
}

.sec-chart img:nth-child(1) {
    left: 50%;
    top: 86%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.sec-chart img:nth-child(2) {
    left: 350px;
    bottom: 0;
}

.sec-chart img:nth-child(3) {
    left: 565px;
    bottom: 0;
}

.sec-list {
    margin: 50px 0;
    margin-top: 200px;
}

.sec-list ul {
    font-size: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.sec-list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    box-sizing: border-box;
    vertical-align: top
}

.sec-list li .you {
    margin-left: 15px;
}

.sec-list li:nth-child(4n) {
    margin-right: 0
}

.sec-list li p {
    font-weight: bold;
    font-size: 16px;
    color: #0a1633;
    text-align: left
}

.sec-list li h4 {
    font-weight: bold;
    font-size: 24px;
    color: #3f3f3f;
    text-align: left
}

.sec-list li p:after {
    content: '';
    display: block;
    width: 20px;
    height: 1px;
    background-color: #333;
    margin: 10px 0
}

.sec-list li h4:after {
    content: '';
    display: block;
    width: 41px;
    height: 3px;
    background-color: #6d6d6d;
    margin: 10px 0
}

.sec-list li span {
    color: #6d6d6d;
    font-size: 18px;
    text-align: left;
    display: block
}

.sec-dot li i {
    display: block;
    margin-bottom: 12px;
}

.sec-dot li:nth-child(1)>div {
    width: 142px;
    height: 142px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    font-size: 21px;
}

@-webkit-keyframes rock {
    0% {
        -webkit-transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-10px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}

@-moz-keyframes rock {
    0% {
        -moz-transform: translateY(0);
    }
    50% {
        -moz-transform: translateY(-10px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}

@-ms-keyframes rock {
    0% {
        -ms-transform: translateY(0);
    }
    50% {
        -ms-transform: translateY(-10px);
    }
    100% {
        -ms-transform: translateY(0);
    }
}

@-o-keyframes rock {
    0% {
        -o-transform: translateY(0);
    }
    50% {
        -o-transform: translateY(-10px);
    }
    100% {
        -o-transform: translateY(0);
    }
}

@keyframes rock {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}

.shang0 .shang40 {
    padding-top: 40px;
}


/* 企业版 */


/*idc new start*/

.idc_bg {
    width: 100%;
    background: #fff;
    padding-bottom: 70px;
}

.idc_main {
    width: 1200px;
    margin: 0 auto;
    padding-bottom: 80px;
    overflow: hidden;
}

.idc_atit {
    text-align: center;
}

.idc_tit {
    font-weight: normal;
    color: #222;
}

.idc_block {
    width: 1200px;
    height: 360px;
}

.idc_block li {
    height: 145px;
    float: left;
    border: 1px solid #ccc;
    margin-right: 38px;
    margin-bottom: 20px;
    padding: 25px;
}

.idc_block2 {
    width: 527px;
    overflow: hidden;
}

.idc_menu {
    width: 580px;
    height: 50px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.idc_menu ul li {
    width: 180px;
    height: 45px;
    font-size: 16px;
    margin-right: 15px;
    line-height: 45px;
    text-align: center;
    float: left;
}

.idc_menu ul li a {
    display: block;
    color: #222;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.idc_menu ul .on a,
.idc_menu ul li a:hover {
    background: #c4181f;
    color: #fff;
}

.zyprolist .zheng_wai {
    margin-top: 78px;
    display: none;
}

.zyprolist .zheng_wai .con_tab_1 {
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
}

.zyprolist li {
    flex: 0 0 30%;
}

.zypronor {
    box-shadow: 0 0 10px #e3dfdf;
    border-radius: 5px;
    overflow: hidden;
}

.zyprotitle {
    background: linear-gradient( to right, #0fb6fa, #3f88ec) no-repeat;
    background: -webkit-linear-gradient( left, #0fb6fa, #3f88ec) no-repeat;
    height: 95px;
    text-align: center;
    font-size: 28px;
    line-height: 95px;
    color: #ffffff;
    position: relative;
    font-weight: bold;
}

.discount {
    position: absolute;
    right: 3px;
    top: 0;
}

.zyprice {
    font-size: 18px;
    color: #373737;
    height: 95px;
    padding: 0 20px;
    text-align: center;
    position: relative;
    display: block;
    width: 259px;
    line-height: 92px;
    margin: 0 auto;
}

.zyprice #price_jd {
    font-size: 32px;
    color: #c4181e;
    font-weight: bold;
}

.price_float {
    position: absolute;
    top: 31px;
    left: 40px;
    font-size: 14px;
    color: #7d7d7d;
    text-align: center;
    text-decoration: line-through;
    font-style: normal;
}

.zyprice span {
    float: right;
    height: 25px;
    width: 74px;
    border-radius: 4px;
    display: inline-block;
    background: #ff7800;
    text-align: center;
    line-height: 25px;
    vertical-align: middle;
    color: #fff;
    font-size: 14px;
    margin-top: 36px;
}

#price_jd,
#price_jy,
#price_hh {
    font-size: 35px;
    font-weight: bold;
}

.zyproclose {
    display: none;
}

.chagebdrt {
    float: right;
    background: #fff;
    width: 370px;
    padding-bottom: 20px;
}

.chagebdrt li {
    font-size: 16px;
    color: #585858;
    line-height: 40px;
    padding-left: 24px
}

.chagebdrt li span {
    display: inline-block;
    vertical-align: top;
    margin-left: 5px;
    *margin-left: 0
}

.chagebdrt li a:hover {
    color: #fff;
    background: #c4181f;
    border: 1px solid #c4181f;
}

.chagebdrt li a.qzx {
    background: #c4181f url(../image/qq.png) no-repeat 6px 7px;
    color: #fff;
    text-indent: 16px;
    border: 1px solid #c4181f;
}

.chagebdrt li a.qzx:hover {
    background: #ff7800 url(../image/qq.png) no-repeat 6px 7px;
    border: 1px solid #ff7800;
}

.chagebdrt .s_pro_more a {
    font-style: normal;
    float: none;
    color: #c4181f;
    font-size: 14px;
    border: none;
    margin-left: 20px;
}

.chagebdrt .s_pro_more a:hover {
    background: none;
    font-weight: bold;
    border: none;
    color: #c4181f;
}

.zypropz {
    background: #fff;
    float: none;
    margin: 0 auto;
}

.zypropz li {
    padding: 0;
    line-height: 34px;
    margin: 0;
    float: none
}

.zypropz li.btmc {
    border-bottom: 1px dashed #ccc;
    padding-bottom: 30px;
    margin-bottom: 25px;
}

.zypropz .liangduan {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.zypropz li.liangduan a {
    width: 108px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient( to right, #0bbafb, #4285ec) no-repeat;
    background: -webkit-linear-gradient( left, #0bbafb, #4285ec) no-repeat;
    border-radius: 30px;
    font-size: 14px;
    color: #ffffff;
}

.zypropz li a.rentInfo {
    margin-left: 20px;
}

.zyprort {
    float: right;
    position: absolute;
    left: 370px;
    z-index: 2;
    border: 1px solid #bababa;
    border-left: none;
    height: 496px;
    width: 411px;
    padding: 0px 0px 45px 0;
    background: #fff;
    margin-top: -1px;
}

.zypropz li span,
.zypropz2 li span {
    *margin-top: -7px
}

.zypropz li span img {
    margin: 8px 3px -5px;
    *margin-top: 6px;
    cursor: pointer
}

.zypropz2 {
    background: #fff;
    width: 411px;
    float: none;
    margin: 0 auto;
}

.zypropz2 li {
    line-height: 34px;
    margin: 0;
    float: none
}

.zypropz2 li.prorttitle {
    font-size: 20px;
    color: #333;
    padding: 10px 0;
    margin-left: 30px;
    margin-top: 25px;
    border-bottom: 1px dashed #ccc;
}

.zyprort_last {
    left: -411px;
    border: 1px solid #bababa;
    border-right: none;
}

.blank {
    height: 75px;
    background: #eee;
    border-bottom: 1px dashed #ccc;
}

.idc_btn {
    font-size: 14px;
    color: #666;
    height: 35px;
    line-height: 30px;
    margin-top: 20px;
    float: right;
    margin-right: 30px;
}

.idc_btn a {
    width: 88px;
    color: #666;
    border: 1px solid #888;
    text-align: center;
    float: left;
}

.idc_btn a:hover {
    color: #fff;
    background: #c4181f;
    border: 1px solid #c4181f;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.idc_onebg {
    width: 100%;
    background: #eee;
}

.idc_onecont {
    width: 1200px;
    padding: 80px 0 0;
    text-align: center;
    margin: 0 auto;
}

.idc_one_tit {
    color: #7c7c7c;
    font-size: 40px;
    margin-bottom: 30px;
    line-height: 60px;
}

.idc_twobg {
    width: 100%;
    background: url(../image/two_img1.png) center no-repeat #070a13;
}

.idc_twocont {
    width: 1200px;
    padding: 80px 0;
    text-align: center;
    margin: 0 auto;
}

.idc_two_tit {
    font-size: 30px;
    color: #ffffff;
    margin: 30px 0 50px 0;
    line-height: 60px;
}

.idc_two_icon {
    width: 850px;
    text-align: center;
    padding: 50px 0 100px 0;
    margin: 0 auto;
    color: #fff;
}

.idc_two_icon ul li {
    width: 80px;
    margin-right: 30px;
    float: left;
}

.idc_two_icon li img {
    padding: 5px 10px;
    border: 1px solid #fff;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.idc_two_icon li img:hover {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.idc_two_icon li span {
    display: block;
    line-height: 20px;
    margin-top: 2px;
}

.idc_threebg {
    width: 100%;
    height: 897px;
    background: #f7f7f7;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.idc_threecont1 {
    flex: 0 0 50%;
    padding-left: 260px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    /* height: 100%; */
}

.idc_threecont1 h1 {
    font-size: 48px;
    color: #5e5e5e;
    line-height: 64px;
    font-weight: normal;
}

.idc_threecont1 h5 {
    margin-top: 46px;
    font-size: 24px;
    line-height: 40px;
    font-weight: normal;
    color: #969595;
}

.idc_threecont2 {
    flex: 0 0 48%;
    height: 100%;
}

.idc_three_icon {
    padding: 70px 0 0px 0;
    color: #666;
}

.idc_three_icon ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.idc_three_icon ul li {
    flex: 1;
    text-align: center;
}

.idc_three_icon li img {
    filter: grayscale(100%) brightness(1);
    width: 113px;
    height: 113px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.idc_three_icon li img:hover {
    filter: none;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.idc_three_icon li span {
    display: block;
    font-size: 18px;
    color: #5e5e5e;
    margin-top: 20px;
}

.idc_fourbg {
    width: 100%;
    height: 923px;
    padding-top: 94px;
}

.idc_fourcont {
    text-align: center;
}

.idc_four_tit {
    font-size: 48px;
    color: #fff;
    text-align: center;
}

.idc_four_tit strong {
    display: block;
    font-size: 18px;
    margin: 0 auto;
    margin-top: 47px;
    font-weight: normal;
    color: #ffffff;
    line-height: 33px;
}

.idc_four_img {}

.idc_four_i1,
.idc_four_i2,
.idc_four_i3 {
    position: absolute;
    font-style: normal;
    color: #00baff;
    font-size: 14px;
}

.idc_four_img .idc_four_i1 {
    top: 3px;
    left: 145px;
}

.idc_four_img .idc_four_i2 {
    top: 198px;
    left: 30px;
}

.idc_four_img .idc_four_i3 {
    top: 70px;
    right: 0px;
}

.idc_fivebg {
    width: 100%;
    height: 780px;
    background: #eee;
    position: relative;
    overflow: hidden;
}

.idc_fivecont {
    width: 1200px;
    padding: 130px 0;
    text-align: center;
    margin: 0 auto;
}

.idc_five_tit {
    width: 760px;
    font-size: 50px;
    line-height: 60px;
    margin: 0 auto;
    margin: 0 auto;
    font-weight: bold;
}

.idc_five_tit strong {
    display: block;
    width: 680px;
    font-size: 16px;
    margin: 0 auto;
    margin-top: 30px;
    font-weight: normal;
    color: #666;
    line-height: 23px;
    font-family: "Microsoft YaHei", "微软雅黑";
}

.idc_five_img1 {
    position: absolute;
    left: -650px;
}

.idc_five_img2 {
    position: absolute;
    right: -500px;
    top: -150px;
}

.idc_five_img3 {
    width: 311px;
    position: relative;
    top: -355px;
    left: -200px;
}

.idc_five_img4 {
    width: 293px;
    position: relative;
    top: -255px;
    left: 200px;
}

.idc_sixbg {
    width: 100%;
    background: #fff;
    position: relative;
    overflow: hidden;
    padding: 97px 0 70px;
}

.idc_six_tit {
    font-size: 36px;
    line-height: 60px;
    margin: 0 auto;
    color: #606060;
    text-align: center;
}

.idc_six_img,
.idc_six_img i {
    position: relative;
    left: -145px;
}

.idc_six_img span {
    display: block;
    position: absolute;
    top: 249px;
    left: 455px;
    z-index: 2;
}

.idc_six_img i {
    font-style: normal;
    position: absolute;
    top: 385px;
    left: 631px;
    z-index: 2;
    font-size: 16px;
    color: #606060;
}

.tongji {
    position: absolute;
    right: 200px;
    top: 290px;
}

.idc_six_icon ul {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    flex-wrap: wrap;
}

.idc_six_icon ul li {
    width: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    /* height: 100%; */
}

.idc_six_icon li i {
    border: 1px solid #606060;
    width: 90px;
    height: 90px;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.idc_six_icon li img {
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.idc_six_icon li i:hover {
    background: linear-gradient( to bottom, #4661ff, #0fc8ff) no-repeat;
    background: -webkit-linear-gradient( top, #4661ff, #0fc8ff) no-repeat;
    border: none;
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.idc_six_icon li i:hover img {
    filter: grayscale(100%) brightness(20000%);
}

.idc_six_icon li span {
    display: inline-block;
    font-size: 16px;
    margin-top: 10px;
    text-align: center;
}

.idc_sevenbg {
    width: 100%;
    height: 780px;
    background: #fff url(../image/seven_bg1.jpg) center no-repeat;
    position: relative;
    overflow: hidden;
}

.idc_sevencont {
    width: 1200px;
    padding: 100px 0;
    text-align: left;
    margin: 0 auto;
}

.idc_seven_tit {
    font-size: 50px;
    line-height: 60px;
    color: #222;
}

.idc_seven_txt {
    font-size: 16px;
    line-height: 25px;
    margin-top: 60px;
}

.idc_seven_txt1 {
    font-size: 16px;
    text-align: right;
    margin-top: 170px;
}

.idc_eighteenbg {
    width: 100%;
    height: 800px;
    background: #fff url(../image/eighteen_bg.jpg) center no-repeat;
    position: relative;
    overflow: hidden;
}

.idc_eighteencont {
    width: 1200px;
    padding: 200px 0 100px 0;
    text-align: left;
    margin: 0 auto;
}

.idc_eighteen_tit {
    font-size: 65px;
    line-height: 70px;
    color: #444;
}

.idc_eighteen_txt {
    font-size: 20px;
    line-height: 25px;
    margin-top: 20px;
}

.idc_eightbg {
    width: 100%;
    height: 390px;
    overflow: hidden;
}

.idc_eightcont {
    width: 1200px;
    padding: 100px 0;
    text-align: center;
    margin: 0 auto;
}

.idc_eight_tit {
    font-size: 57px;
    line-height: 60px;
    color: #fff;
}

.idc_eight_txt {
    font-size: 24px;
    line-height: 39px;
    margin-top: 56px;
    text-align: center;
    color: #fdfdfd;
}

.idc_eight_img {
    position: relative;
    float: right;
    bottom: 200px;
    right: 50px;
}

.idc_ninebg .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.idc_ninebg .container .idc_nine_left {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    /* height: 100%; */
}

.idc_ninebg .container .idc_nine_right {
    flex: 0 0 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    /* height: 100%; */
}

.idc_ninebg img {
    max-width: 100%;
    margin-top: 30px;
}

.idc_ninebg {
    width: 100%;
    background: #fff;
    padding: 66px 0 74px;
}

.idc_nine_tit {
    font-size: 32px;
    color: #000;
}

.idc_nine_txt {
    font-size: 14px;
    margin-top: 26px;
    color: #56a8e4;
}

.idc_tenbg {
    width: 100%;
    height: 770px;
    background: #000 url(../image/ten_bg.jpg) center bottom no-repeat;
    overflow: hidden;
}

.idc_tencont {
    width: 1200px;
    padding: 100px 0;
    text-align: left;
    margin: 0 auto;
}

.idc_ten_tit {
    font-size: 48px;
    line-height: 60px;
    color: #fff;
}

.idc_ten_txt {
    width: 880px;
    font-size: 15px;
    line-height: 20px;
    margin-top: 35px;
    color: #ddd;
    overflow: hidden;
}

.idc_ten_txt ul li {
    height: 75px;
    margin-bottom: 10px;
}

.idc_ten_txt img {
    float: left;
    border: 1px solid #ddd;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-right: 13px;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.idc_ten_txt li img:hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.idc_ten_txt i {
    float: left;
    display: block;
    width: 700px;
    font-style: normal;
}

.idc_elevenbg {
    width: 100%;
    padding: 144px 0 117px;
}

.idc_eleven_tit {
    font-size: 48px;
    color: #fff;
    text-align: center;
}

.idc_eleven_txt {
    font-size: 24px;
    line-height: 40px;
    margin-top: 60px;
    color: #ffffff;
    text-align: center;
}

.idc_twelvebg {
    width: 100%;
    height: 780px;
    overflow: hidden;
}

.idc_twelvecont {
    width: 1200px;
    padding-top: 80px;
    text-align: center;
    color: #fff;
    margin: 0 auto;
}

.idc_twelve_tit {
    font-size: 42px;
    line-height: 60px;
}

.idc_twelve_table {
    width: 1150px;
    margin: 0 auto;
    margin-top: 50px;
}

.idc_twelve_table table {
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #555;
}

.idc_twelve_table table td {
    height: 80px;
    border-right: 1px solid #555;
    border-top: 1px solid #555;
}

.idc_twelve_table .border_none {
    border-right: 0;
}

.idc_nineteenbg {
    width: 100%;
    height: 780px;
    background: #000 url(../image/ten_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_thirteenbg {
    width: 100%;
    height: 796px;
    background: #fff url(../image/thirteen_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_thirteencont {
    width: 1200px;
    padding-top: 80px;
    text-align: left;
    margin: 0 auto;
}

.idc_thirteen_tit {
    font-size: 50px;
    line-height: 60px;
    color: #000;
}

.idc_thirteen_txt {
    width: 650px;
    font-size: 14px;
    line-height: 20px;
    margin-top: 50px;
    color: #444;
    overflow: hidden;
}

.idc_thirteen_txt ul li {
    height: 75px;
    margin-bottom: 20px;
}

.idc_thirteen_txt img {
    float: left;
    border: 1px solid #666;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-right: 13px;
    transition: All 0.6s ease-in-out;
    -webkit-transition: All 0.6s ease-in-out;
    -moz-transition: All 0.6s ease-in-out;
    -o-transition: All 0.6s ease-in-out;
}

.idc_thirteen_txt li img:hover {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
}

.idc_thirteen_txt i {
    float: left;
    display: block;
    width: 560px;
    font-style: normal;
}

.idc_fourteenbg {
    width: 100%;
    height: 830px;
    background: #161616 url(../image/fourteen_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_fourteencont {
    width: 1200px;
    height: 750px;
    padding-top: 100px;
    text-align: center;
    margin: 0 auto;
}

.idc_fourteen_left,
.idc_fourteen_right {
    float: left;
}

.idc_fourteen_right {
    padding-top: 330px;
    position: relative;
    text-align: center;
}

.idc_fourteen_right i {
    display: block;
    width: 237px;
    font-size: 40px;
    font-style: normal;
    color: #fff;
    position: absolute;
}

.idc_fourteen_right img {
    margin-top: 35px;
}

.idc_fourteen_left {
    width: 650px;
    margin-right: 300px;
}

.idc_fourteen_one,
.idc_fourteen_two,
.idc_fourteen_three,
.idc_fourteen_four,
.idc_fourteen_five,
.idc_fourteen_eight,
.idc_fourteen_nine {
    position: relative;
}

.idc_fourteen_three,
.idc_fourteen_four,
.idc_fourteen_five,
.idc_fourteen_eight,
.idc_fourteen_nine {
    width: 100px;
    height: 100px;
    z-index: 1;
}

.three_tan,
.four_tan,
.five_tan,
.eight_tan,
.nine_tan {
    width: 110px;
    height: 50px;
    padding: 10px;
    position: absolute;
    border: 1px solid #0CF;
    top: -60px;
    left: -10;
    font-size: 14px;
    color: #0CF;
    display: none;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    z-index: -1;
}

.idc_fourteen_three:hover .three_tan,
.idc_fourteen_four:hover .four_tan,
.idc_fourteen_eight:hover .eight_tan,
.idc_fourteen_five:hover .five_tan,
.idc_fourteen_nine:hover .nine_tan {
    display: block;
}

.idc_fourteen_one {
    top: -440px;
}

.idc_fourteen_three {
    top: -905px;
    right: -390px;
}

.idc_fourteen_four {
    top: -910px;
    right: -30px;
}

.idc_fourteen_five {
    top: -855px;
    right: -570px;
}

.idc_fourteen_eight {
    top: -730px;
    right: -35px;
}

.idc_fourteen_nine {
    top: -730px;
    right: -355px;
}

.idc_twelveaddbg {
    width: 100%;
    height: 766px;
    background: #fff url(../image/twelveadd_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_twelveaddcont {
    width: 1200px;
    padding-top: 80px;
    text-align: center;
    color: #333;
    margin: 0 auto;
}

.idc_twelveadd_tit {
    font-size: 50px;
    line-height: 60px;
}

.idc_twelveadd_table {
    width: 1150px;
    margin: 0 auto;
    margin-top: 50px;
}

.idc_twelveadd_table table {
    color: #333;
    text-align: center;
    font-size: 16px;
    border-bottom: 1px solid #aaa;
}

.idc_twelveadd_table table td {
    height: 80px;
    border-right: 1px solid #aaa;
    border-top: 1px solid #aaa;
}

.idc_twelveadd_table .border_none {
    border-right: 0;
}

.idc_sixteenaddbg {
    width: 100%;
    height: 270px;
    background: #0d0e10 url(../image/trust_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_sixteenaddcont {
    width: 1200px;
    padding-top: 70px;
    text-align: center;
    margin: 0 auto;
}

.idc_sixteenadd_tit {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
}

.idc_sixteenadd_btn {
    width: 150px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
}

.idc_sixteenadd_btn ul li {
    float: left;
    display: block;
    width: 150px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin-right: 35px;
}

.idc_sixteenadd_btn ul li a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.idc_sixteenadd_btn ul li a:hover {
    display: block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border: 1px solid #00cfff;
    background: #00cfff;
    color: #fff;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.idc_fifteenbg {
    width: 100%;
    padding: 90px 0 83px;
}

.idc_fifteen_tit {
    font-size: 50px;
    color: #5d5d5d;
    text-align: center;
}

.join_btna {
    width: 100px;
    height: 32px;
    margin: 0 auto;
    margin-top: 50px;
}

.tab-T-3 {
    width: 100px;
}

.tab-T-3 li {
    width: 15px;
    height: 15px;
    font-size: 0;
    background-color: #aaa;
    float: left;
    margin-left: 10px;
    cursor: pointer;
    display: inline;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
}

.tab-T-3 li.cur {
    background-color: #c4181f;
}

.idc_sixteenbg {
    width: 100%;
    height: 270px;
    background: #0d0e10 url(../image/sixteen_bg.jpg) no-repeat center;
    overflow: hidden;
}

.idc_sixteencont {
    width: 1200px;
    padding-top: 70px;
    text-align: center;
    margin: 0 auto;
}

.idc_sixteen_tit {
    font-size: 50px;
    line-height: 60px;
    color: #fff;
}

.idc_sixteen_btn {
    width: 650px;
    height: 40px;
    margin: 0 auto;
    margin-top: 20px;
}

.idc_sixteen_btn ul li {
    float: left;
    display: block;
    width: 130px;
    height: 40px;
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    margin-right: 35px;
}

.idc_sixteen_btn ul li a {
    display: block;
    color: #fff;
    border: 1px solid #fff;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
}

.idc_sixteen_btn ul li a:hover {
    display: block;
    border-radius: 25px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border: 1px solid #00cfff;
    background: #00cfff;
    color: #fff;
    -moz-transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.idc_seventeenbg {
    width: 100%;
    height: 60px;
    padding: 30px 0;
    background: #eee;
    overflow: hidden;
}

.idc_seventeencont {
    width: 1200px;
    padding: 10px 0;
    font-size: 15px;
    border: 1px dashed #333;
    text-align: center;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    margin: 0 auto;
}

.idc_seventeencont img {
    vertical-align: middle;
}

.n1712_idc_blockbg .container {
    margin-top: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.n1712_idc_blockbg .qiehuantou {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.n1712_idc_blockbg .dange {
    background-color: #eeeeee;
    height: 166px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    flex: 1;
    padding: 0 25px;
}

.n1712_idc_blockbg .dange h2 {
    font-size: 24px;
    color: #5a5a5a;
    font-weight: bold;
}

.n1712_idc_blockbg .dange h4 {
    font-size: 14px;
    color: #5a5a5a;
    margin-top: 23px;
    line-height: 20px;
}

.n1712_idc_blockbg .dange.diyige {
    flex: 0 0 20%;
    position: relative;
}

.n1712_idc_blockbg .dange.diyige::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 6px;
    content: "";
    background: linear-gradient( to top, #4285ec, #26a0f4) no-repeat;
    background: -webkit-linear-gradient( bottom, #4285ec, #26a0f4) no-repeat;
}

.n1712_idc_blockbg .qiehuantou {
    flex: 0 0 80%;
}

.n1712_idc_blockbg .qiehuantou .dange:nth-child(1) {
    background: url(../img/bg1_03.png) no-repeat center / cover;
}

.n1712_idc_blockbg .qiehuantou .dange:nth-child(2) {
    background: url(../img/bg2_04.png) no-repeat center / cover;
}

.n1712_idc_blockbg .qiehuantou .dange:nth-child(3) {
    background: url(../img/bg3_05.png) no-repeat center / cover;
}

.n1712_idc_blockbg .qiehuantou .dange:nth-child(4) {
    background: url(../img/bg4_06.png) no-repeat center / cover;
}

.n1712_idc_blockbg .qiehuantou .dange {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    flex-direction: initial;
}

.n1712_idc_blockbg .qiehuantou .dange i {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 45px;
    height: 45px;
    border: 4px solid #d4e9fc;
    border-radius: 100px;
    font-size: 26px;
    color: #ffffff;
    font-weight: bold;
    line-height: 40px;
}

.n1712_idc_blockbg .qiehuantou .dange .yy {
    margin-left: 15px;
}

.n1712_idc_blockbg .qiehuantou .dange h2 {
    color: #fff;
    font-size: 22px;
}

.n1712_idc_blockbg .qiehuantou .dange h4 {
    color: #fff;
    font-size: 14px;
    margin-top: 9px;
}

@media only screen and (max-width:1200px) {
    .sec-ani-box {
        width: 100%;
    }
    .sec-ani {
        height: auto;
    }
    .sec-bg-arc i,
    .sec-chart {
        display: none;
    }
    .sec-dot li {
        position: static;
        flex: 0 0 32%;
    }
    .sec-dot {
        position: static;
        min-width: 100%;
        margin-left: 0;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    .sec-dot li>div {
        width: 142px;
        height: 142px;
    }
    .sec-dot li:nth-child(5)>div,
    .sec-dot li:nth-child(2)>div,
    .sec-dot li:nth-child(4)>div,
    .sec-dot li:nth-child(7)>div {
        width: 142px;
        height: 142px;
    }
    .sec-dot li:nth-child(3),
    .sec-dot li:nth-child(10),
    .sec-dot li:nth-child(8) {
        display: none;
    }
    .sec-dot li:nth-child(9) {
        display: none;
    }
    .sec-bg-arc {
        height: auto;
    }
    .sec-list {
        margin: 50px 0;
    }
    .sec-list li {
        flex: 0 0 100%;
        margin-top: 30px;
        justify-content: center;
    }
    .sec-list li .you {
        margin-left: 35px;
    }
}

@media only screen and (max-width:992px) {
    .n1712_idc_blockbg .dange h4 {
        font-size: 18px;
    }
}


/* ECC内存纠错蓝屏报错统统out */

.jiucuo_zuoyopu {
    background-color: #f7f7f7;
    overflow: hidden;
}

.jiucuo_zuoyopu {
    display: flex;
    justify-content: space-between;
    height: 543px;
    flex-wrap: wrap;
}

.jiucuo_zuoyopu .zuo {
    flex: 0 0 56.3%;
    padding-left: 260px;
    display: flex;
    justify-content: center;
    /* align-items: center; */
    /* 换主轴方向 */
    flex-direction: column;
    height: 100%;
}

.jiucuo_zuoyopu .you {
    flex: 0 0 40%;
    height: 100%;
    box-shadow: 0 0 10px #a8a5a5;
}

.jiucuo_zuoyopu .zuo h5 {
    font-size: 47px;
    color: #606060;
}

.jiucuo_zuoyopu .zuo h6 {
    font-size: 20px;
    color: #606060;
    margin-top: 85px;
    line-height: 40px;
}

.shang_shaoi {
    position: relative;
    top: -82px;
}


/* .标配raid技术让 */

.zuotu_yw {
    background-color: #f7f7f7;
    padding: 90px 0 100px;
}

.zuotu_yw .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.zuotu_yw .container .zuo h5 {
    font-size: 30px;
    color: #606060;
    line-height: 51px;
    padding-bottom: 40px;
    position: relative;
}

.zuotu_yw .container .zuo h5::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 75px;
    height: 9px;
    background: linear-gradient( to bottom, #4661ff, #0fc8ff) no-repeat;
    background: -webkit-linear-gradient( top, #4661ff, #0fc8ff) no-repeat;
    content: "";
}

.zuotu_yw .container .zuo h6 {
    font-size: 18px;
    color: #606060;
    line-height: 37px;
    margin-top: 50px;
}

.zuotu_yw .container .you img {
    width: 100%;
}

.zuotu_yw .container .zuo {
    flex: 0 0 55%;
}

.zuotu_yw .container .you {
    flex: 0 0 41%;
}


/* 精选高品质机房,连通率99.99% */

.jiushijiu_dian9 {
    padding: 80px 0 65px;
}

.jiushijiu_dian9 .biaoti {
    font-size: 36px;
    color: #ffffff;
    text-align: center;
}

.jiushijiu_dian9 .zuoyou {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jiushijiu_dian9 .zuoyou .dange {
    flex: 0 0 31%;
    margin-top: 64px;
    border: 1px solid #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    min-height: 260px;
    padding: 33px;
}

.jiushijiu_dian9 .zuoyou .dange i {
    display: block;
}

.jiushijiu_dian9 .zuoyou .dange h5 {
    font-size: 30px;
    color: #ffffff;
    margin-top: 17px;
    font-weight: bold;
}

.jiushijiu_dian9 .zuoyou .dange h6 {
    font-size: 16px;
    color: #ffffff;
    margin-top: 17px;
    margin-top: 30px;
    line-height: 30px;
    text-align: center;
}


/* 服务出众,真正724*365秒级人工服务响应 */

.chuz_zhoing {
    padding: 103px 0 115px;
}

.chuz_zhoing .zuoyou {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 75px;
}

.chuz_zhoing .zuoyou .dange {
    flex: 0 0 29%;
    margin: 0 1.9%;
    margin-top: 40px;
}

.chuz_zhoing .zuoyou .dange i {
    display: block;
    text-align: center;
}

.chuz_zhoing .zuoyou .dange h5 {
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    margin-top: 24px;
}

.chuz_zhoing .zuoyou .dange h6 {
    font-size: 18px;
    color: #ffffff;
    text-align: center;
    margin-top: 30px;
    line-height: 28px;
}


/* 故障100倍赔偿，100倍承诺，只为你百倍安心 */

.lan_yibai_tiao {
    padding: 100px 0 90px;
}

.lan_yibai_tiao a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 auto;
    margin-top: 43px;
    width: 200px;
    height: 50px;
    font-size: 18px;
    color: #ffffff;
    border-radius: 50px;
    background: linear-gradient( to right, #0dccff, #4760ff) no-repeat;
    background: -webkit-linear-gradient( left, #0dccff, #4760ff) no-repeat;
    font-weight: bold;
}


/*  */

.idc_fifteenbg .chaoguo_ban {
    margin-top: 77px;
}

.idc_fifteenbg .chaoguo_ban .neirong {
    box-shadow: 0 0 10px #d3cccc;
}

.idc_fifteenbg .chaoguo_ban .neirong .shang {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    padding: 20px;
    background-color: #fff;
}

.idc_fifteenbg .chaoguo_ban .neirong .shang img {
    max-width: 100%;
}

.idc_fifteenbg .chaoguo_ban .neirong .xia {
    padding: 33px 20px 49px 20px;
    background-color: #f7f7f7;
}

.idc_fifteenbg .chaoguo_ban .neirong .xia h5 {
    font-size: 30px;
    color: #5d5d5d;
    font-weight: bold;
    text-align: center;
}

.idc_fifteenbg .chaoguo_ban .neirong .xia h6 {
    font-size: 16px;
    color: #5d5d5d;
    margin-top: 25px;
    line-height: 30px;
}


/* 游戏盾 */

.section-header {
    margin-bottom: 60px;
}

.section-header h1 {
    color: #666666;
    font-size: 36px;
    text-align: center;
    font-weight: bold;
    position: relative;
    padding-bottom: 40px;
}

.section-header h1:after {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    content: "";
    background-color: #26b1ea;
    width: 82px;
    height: 7px;
}

.section-header p {
    text-align: center;
    font-size: 15px;
    color: #555555;
    margin: 20px auto 0
}

.section-body p {
    line-height: 66px;
    color: #0a1633;
    font-weight: bold;
    margin-top: 15px;
}

.section-body span {
    color: #484848;
    font-size: 16px;
    line-height: 25px;
    overflow: hidden;
}

.section-a1 ul {
    padding-top: 30px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.section-a1 li {
    text-align: center;
    flex: 0 0 28%;
    margin-top: 65px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.section-a1 li:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.section-a1 li img {
    width: 100px;
    height: 100px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.section-a1 li:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

p.line {
    position: relative;
    font-size: 16px;
}

p.line:after {
    content: '';
    width: 63px;
    height: 4px;
    background-color: #26b1ea;
    display: block;
    position: absolute;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}

.section-a1 p.line {
    margin-bottom: 20px;
    color: #484848;
    font-size: 24px;
}

.section-a1 li p:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
}

.section li:hover p.line:after {
    width: 60px;
}

.gf-show-more {
    display: none;
    font-weight: normal;
    font-stretch: normal;
    line-height: 40px;
    letter-spacing: 0px;
    color: #6a6d72;
    text-align: center;
}

.gf-show-more img {
    width: 14px;
    height: 14px;
    position: absolute;
    margin: 12px 6px;
}

.show-icon {
    display: none;
}

.gf-box .section-header h2 {
    text-align: center;
}

.gf-box .btn.active {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    color: #ffffff;
    margin-top: 20px;
}

.gf-box .section-body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gf-box .section-body .buy-detail {
    width: 32%;
    background: white;
    padding: 1% 3% 2% 3%;
    box-shadow: 0px 2px 10px 0px rgba(64, 66, 77, 0.16);
    position: relative;
}

.gf-box .section-body .buy-detail p {
    font-weight: normal !important;
    line-height: 40px;
}

.strength-box {
    background-color: #edf1f8;
    width: 100%;
    padding: 10px 0;
}

.strength-name {
    float: left;
    margin-top: 1%;
}

.strength-section1 {
    width: 24.5%;
    background: #ffffff;
    display: inline-block;
    padding: 15px;
}

.strength-section1 a:hover {
    text-decoration: underline;
}

.strength-section1 img {
    float: left;
}

.strength-section1 .detail {
    float: right;
    width: 74%;
}

.strength-section1 .detail .fz16 {
    padding-bottom: 10px;
    font-weight: bold;
    font-size: 20px;
    color: #353535;
}

.strength-section1 .detail .fz14 {
    font-size: 14px;
    color: #787878;
}

.strength-section {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.skip-box {
    height: auto !important;
}

.skip-box .swiper-wrapper .swiper-slide a:hover {
    color: #2983ff;
}

.buy-detail .buy-name {
    color: #000;
    font-size: 18px;
    margin: 5px 0;
}

.buy-detail .icon {
    width: 35px;
    line-height: 24px;
    font-size: 10px;
    border-radius: 3px;
    font-weight: bold;
    border: 1px solid #ff8812;
    font-family: MicrosoftYaHei !important;
    color: #ffffff;
    text-align: center;
    position: absolute;
    background: #ff8812;
}

.buy-detail .buy-des {
    margin: 8px 0 0 55px;
    font-size: 14px;
    color: #7a8ba6;
}

.buy-detail .btn {
    height: 30px;
    width: 109px;
    background: #26b1ea;
}

.buy-sale {
    max-width: 100% !important;
    background: #f7f8fb;
    width: 100% !important;
    padding-bottom: 50px !important;
    padding-top: 0 !important;
    background-size: 100% 100%;
}

.buy-sale .section-header {
    padding-top: 50px;
    margin-bottom: 40px !important;
}

.buy-sale .section-header h1 {
    color: #555555;
    font-size: 36px;
}

.section-cq {
    background: #f7f7f7;
    padding: 60px 0 100px;
}

.section-cq .section-header {
    margin-bottom: 10px;
}

.gf-box .section-body .box {
    width: 100%;
}

.gf-box .section-body .box ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.gf-box .section-body .box ul li {
    flex: 0 0 49%;
    background-color: #ffffff;
    padding: 25px 25px 36px;
    margin-top: 40px;
    text-align: center;
}

.gf-box .section-body .box ul li .dange_hsadj {
    font-size: 18px;
    color: #666666;
    font-weight: bold;
    line-height: 18px;
    margin-top: 18px;
}

.gf-box .section-body .box ul li .dange_xia {
    font-size: 16px;
    color: #666666;
    line-height: 25px;
    margin-top: 15px;
    font-weight: normal;
}

.section-zs {
    width: 100%;
    padding: 80px 0 10px 0;
    background-size: 100% 100%;
}

.section-zs .section-title {
    margin-bottom: 60px;
}

.section-zs .culture-silde .swiper-slide {
    box-shadow: none;
}

.section-zs .section-title h1 {
    color: #ffffff;
    font-size: 38px;
    font-weight: normal;
}

.section-zs .section-header {
    margin-bottom: 0;
}

.pop-honour-img {
    width: 600px;
}

.swiper-photos .swiper-slide img {
    height: auto;
    box-shadow: 6px 10px 30px 0px rgba(0, 0, 0, 0);
    position: absolute;
}

.swiper-photos .swiper-slide:not(.swiper-slide-active) {
    border-left: solid 6px transparent;
}

.swiper-photos .swiper-slide-active {
    transform: scale(1.2) !important;
    margin-left: -10px;
    border: solid 6px rgba(255, 255, 255, 0.6);
    border-radius: 5px;
    width: 532px;
    box-sizing: border-box !important;
}

.bg-opc {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    position: absolute;
}

.section-cj .zuo {
    flex: 0 0 37%;
    max-width: 37%;
}

.section-cj .zuo img {
    max-width: 100%;
}

.section-cj .you {
    flex: 0 0 56%;
    max-width: 56%;
}

.section-cj .you .dashed {
    display: flex;
    align-items: center;
}

.section-cj .you .changjing1 {
    font-size: 24px;
    color: #3d3d3d;
    margin-left: 16px;
}

.section-cj .you .detail-box p {
    font-size: 18px;
    color: #3d3d3d;
    line-height: 34px;
    font-weight: initial;
}

.section-cj .you .dashed {
    margin-top: 30px;
}

.section-cj .you .dashed:nth-child(1) {
    margin-top: 0;
}

@media screen and (max-width: 1260px) and (min-width: 769px) {
    .framework {
        width: 560px !important;
    }
    .animate-div {
        transform: scale(0.7) !important;
    }
    .application {
        width: 400px !important;
    }
}

@media screen and (max-width: 1024px) and (min-width: 769px) {
    .framework {
        width: 50% !important;
    }
    .animate-div {
        transform: scale(0.6) !important;
        margin-left: -320px;
    }
    .application {
        width: 40% !important;
    }
}

@media screen and (max-width: 769px) {
    .buy-detail {
        width: 43% !important;
    }
    .top40 {
        margin-top: 20px !important;
    }
    .section-cq .section-header,
    .section-zs .section-title {
        margin-bottom: 30px;
    }
}

@media screen and (max-width: 650px) {
    .buy-sale {
        padding-bottom: 0 !important;
    }
    .buy-detail {
        width: 100% !important;
        margin-bottom: 5%;
        float: none !important;
    }
    .buy-detail .buy-des {
        padding-right: 30px;
    }
}


/* 关于我们 */

.nei_guanyumm {
    padding-top: 50px;
    padding-bottom: 80px;
    position: relative;
}

.nei_guanyumm .you_xakjhkj {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 95px;
}

.you_xakjhkj img {
    width: 100%;
}

.nei_guanyumm .you_zi_aa {
    z-index: -1;
    font-size: 100px;
    line-height: 148px;
    font-weight: bold;
    color: #f7f7f7;
    position: absolute;
    left: 11%;
    top: 185px;
    text-transform: uppercase;
}

.nei_guanyumm .gy_ggbt h5 {
    font-size: 25px;
    color: #000;
    padding-bottom: 60px;
    position: relative;
}

.nei_guanyumm .gy_ggbt h5::after {
    position: absolute;
    left: 0;
    bottom: 0;
    content: "";
    width: 83px;
    height: 3px;
    background-color: #2364bc;
}

.nei_guanyumm .didy_qi {
    margin-top: 117px;
}

.nei_guanyumm .didy_qi img {
    max-width: 100%
}

.nei_guanyumm .jian_jj {
    font-size: 16px;
    color: #696969;
    line-height: 35px;
    margin-top: 30px;
    padding-right: 99px;
}

.nei_guanyumm .gy_zz {
    position: relative;
}

.nei_guanyumm .gy_zz .bei_jingtouxi {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
}

.nyabout_part1 .apart1_num {
    display: flex;
    padding: 110px 0 0;
}

.nyabout_part1 .apart1_num .part1_num_list {
    flex: 1;
    display: flex;
    align-items: center;
    display: flex;
    justify-content: space-between;
    font-size: 20px;
    padding: 0 40px;
    border-left: 1px solid #e4e4e4;
}

.nyabout_part1 .apart1_num .part1_num_list:nth-child(1) {
    border-left: none;
}


/* .nyabout_part1 .apart1_num .part1_num_list::after {
   content: "";
   width: 2px;
   height: 50px;
   background-color: #ededec;
   position: absolute;
   right: 0;
   top: calc( 50% - 25px);
} */


/* .nyabout_part1 .apart1_num .part1_num_list:last-child::after {
   display: none;
} */

.yopu h5 sup {
    font-size: 12px;
    top: -1.8em;
}

.nyabout_part1 .apart1_num .part1_num_list>h5 {
    color: #eb4337;
    line-height: 1;
    font-size: 28px;
}

.nyabout_part1 .apart1_num .part1_num_list>span {
    margin-top: 9px;
}

.part1_num_list {
    display: flex;
}

.yopu span {
    color: #969696;
    font-size: 16px;
}

.yopu h5 i {
    font-size: 31px;
    color: #2364bc;
    font-weight: bold;
}

.sy_mker .nei_rong img {
    max-width: 100%;
}

@media only screen and (max-width:1400px) {
    .nei_guanyumm .didy_qi {
        align-items: center;
    }
    .nyabout_part1 .apart1_num .part1_num_list {
        padding: 8px;
    }
}

@media only screen and (max-width:1024px) {
    .nyabout_part1 .apart1_num .part1_num_list {
        font-size: 16px;
    }
    .nyabout_part1 .apart1_num .part1_num_list>h5 {
        font-size: 24px;
    }
    .nyabout_part1 .apart1_num .part1_num_list>span {
        margin-top: 4px;
    }
    .nyabout_part1 .apart1_num {
        padding: 45px 0;
    }
}

@media only screen and (max-width:992px) {
    .nei_guanyumm .didy_qi {
        margin-top: 30px;
    }
    .nei_guanyumm .jian_jj {
        padding-right: 0;
    }
    .yopu span {
        font-size: 18px;
    }
    .yopu h5 sup {
        font-size: 16px;
    }
    .nei_guanyumm .gy_ggbt h5 {
        padding-bottom: 28px;
    }
    .nei_guanyumm .you_zi_aa {
        font-size: 84px;
        top: 56px;
        line-height: 39px;
    }
    .nei_guanyumm .you_xakjhkj {
        width: 100%;
        position: relative;
        right: 0;
        bottom: 0;
        margin-top: 25px;
    }
    .nei_guanyumm .jian_jj {
        font-size: 18px;
    }
}


/* 资质荣誉 */

.ab_bkc {
    padding: 70px 0 85px;
    position: relative;
    overflow: hidden;
    background-color: #f7f7f7;
}

.ab_bkc .gy_ggbt {
    text-align: center;
}

.ab_bkc .gy_ggbt h5 {
    font-size: 25px;
    color: #000;
    font-weight: bold;
}

.ab_bkc .gy_ggbt h6 {
    font-size: 17px;
    color: #000;
    font-weight: bold;
    text-transform: uppercase;
    margin-top: 10px;
}

.ab_bkc_t {
    padding-bottom: 28px;
    background: url(../img/xh_a.png) right 40% bottom no-repeat;
}

.ab_bkc_sl {
    width: 100%;
    margin-top: 25px;
}

.ab_bkc_div {
    width: 50%;
    float: left;
    overflow: hidden;
    position: relative;
}

.ab_bkc_yfsl {
    width: 70%;
    float: right;
    margin-right: 4%;
    margin-top: 92px;
}

.ab_bkc_span_a {
    width: 100%;
    font-size: 26px;
    color: #356ec4;
    line-height: 30px;
}

.ab_bkc_span_b {
    width: 100%;
    border-bottom: solid 1px #CDCDCD;
    margin-top: 30px;
    color: #969696;
    font-size: 16px;
    line-height: 26px;
    padding-bottom: 28px;
}

.ab_bkc_div_img {
    width: 100%;
    height: 522px;
}

.ab_bkc_div:nth-child(2) {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.ab_bkc_div_bk {
    width: 69%;
    height: 72.2%;
    background: rgba(53, 110, 196, 0.6);
    position: absolute;
    bottom: 0;
    left: 0;
    border-top: solid 15px rgba(53, 110, 196, 1);
    padding-left: 45px;
    padding-top: 35px;
}

.ab_bkc_div_bk span {
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 26px;
    margin-bottom: 35px;
}

.ab_bkc_div_bk p {
    color: #fff;
    font-size: 16px;
    line-height: 34px;
}

.ab_bkc_num {
    width: 100%;
    margin-top: 35px;
}

.ab_bkc_num_div {
    width: 100%;
}

.ab_bkc_num_div span {
    display: block;
    font-size: 40px;
    color: #356ec4;
    font-weight: bold;
    line-height: 40px;
    margin-bottom: 16px;
}

.ab_bkc_num_div p {
    font-size: 14px;
    color: #969696;
    line-height: 24px;
}

.ab_bkc_zhengs {
    width: 100%;
    margin-top: 40px;
    float: left;
    position: relative;
}

.ab_bkc_zhengs_butta {
    position: absolute;
    left: 0;
    top: -150px;
}

.ab_bkc_zhengs_butta dd {
    width: 180px;
    height: 50px;
    float: left;
    margin-right: 25px;
    border-radius: 8px;
    border: solid 1px #265299;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #255299;
    cursor: pointer;
}

.ab_bkc_zhengs_butta dd.on {
    background: #255299;
    color: #fff;
}

.ab_bkc_zhengs_butta dd:hover {
    background: #255299;
    color: #fff;
}

.ab_bkc_zhengs_list {
    width: 100%;
    position: relative;
}

.ab_bkc_zhengs_kp .ab_bkc_zhengs_list:nth-child(1) {
    display: block;
}

.ab_bkc_swiper {
    overflow: hidden;
    width: 100%;
    height: 100%;
    position: relative;
    padding: 15px;
}

.ab_bkc_swiper .swiper-slide {
    box-shadow: 0 0 10px #e9e9e9;
    padding-top: 30px;
    background-color: #ffffff;
}

.ab_bkc_img {
    width: 100%;
    text-align: center;
    height: 200px;
}

.ab_bkc_img img {
    max-width: 100%;
}

.ab_bkc_tit {
    width: 86%;
    margin: auto;
    text-align: center;
    border-top: solid 1px #A9BAD6;
    margin-top: 26px;
    padding: 30px 0;
}

.ab_bkc_tit a {
    font-size: 16px;
    color: #000;
    line-height: 24px;
}

.ab_bkc_swiper .swiper-slide:hover .ab_bkc_tit a {
    color: #2364bc;
}

.ab_bkc_zhengs_list .swiper-button-prev::after,
.ab_bkc_zhengs_list .swiper-button-next::after {
    display: none;
}

.ab_bkc_zhengs_list .swiper-button-prev,
.ab_bkc_zhengs_list .swiper-button-next {
    width: 40px;
    height: 83px;
    background: rgba(53, 110, 196, 0.8);
    margin-top: 0;
    top: 40%;
    outline: 0;
}

.ab_bkc_zhengs_list .swiper-button-prev i,
.ab_bkc_zhengs_list .swiper-button-next i {
    color: #fff;
    font-size: 26px;
    line-height: 83px;
}

.ab_bkc_zhengs_list .swiper-button-prev {
    left: -60px;
}

.ab_bkc_zhengs_list .swiper-button-next {
    right: -60px;
}

@media screen and (max-width: 1200px) {
    .ab_bkc_zhengs_list .swiper-button-prev,
    .ab_bkc_zhengs_list .swiper-button-next {
        display: none;
    }
}

@media screen and (max-width: 1024px) {
    .ab_bkc_div {
        width: 100%;
    }
    .ab_bkc_div img {
        display: none;
        width: 100%;
    }
    .ab_bkc_yfsl {
        width: 90%;
        margin-right: auto;
        float: none;
        margin: auto;
        text-align: center;
    }
    .ab_bkc_div:nth-child(2) {
        border-radius: 0;
        margin-top: 30px;
        background: url(../img/aa_1.jpg) top center no-repeat;
        background-size: cover !important;
        padding: 30px 0;
    }
    .ab_bkc_div_bk {
        width: 60%;
        left: auto;
        bottom: auto;
        top: auto;
        position: relative;
        margin: auto;
        padding-bottom: 30px;
    }
    .ab_bkc_zhengs_butta {
        position: relative;
        top: auto;
        left: auto;
        width: 100%;
        text-align: center;
    }
    .ab_bkc_zhengs_butta dd {
        display: inline-block;
        float: none;
        margin-right: auto;
        margin: 0 15px;
    }
}

@media screen and (max-width: 768px) {
    .ab_bkc_swiper .swiper-slide {
        box-shadow: none;
    }
    .ab_bkc_tit a {
        font-size: 19px;
    }
    .ab_bkc_num_div {
        padding: 30px 0;
    }
    .ab_bkc_div_bk {
        width: 80%;
        text-align: center;
        padding-left: 0;
        padding-bottom: 50px;
    }
    .ab_bkc_zhengs_list .swiper-button-prev {
        left: 0;
    }
    .ab_bkc_zhengs_list .swiper-button-next {
        right: 0;
    }
    .ab_bkc {
        padding: 50px 0;
    }
    .ab_bkc_t {
        padding-bottom: 28px;
        background: url(../img/xh_a.png) center center no-repeat;
    }
    .ab_bkc_span_a {
        font-size: 20px;
        line-height: 24px;
    }
    .ab_bkc_span_b {
        font-size: 14px;
        line-height: 24px;
    }
    .ab_bkc_num {
        margin-top: 30px;
    }
    .ab_bkc_num ul li {
        margin-bottom: 30px;
    }
    .ab_bkc_num_div {
        box-shadow: 0 0 10px #e9e9e9;
    }
    .ab_bkc_div_bk {
        width: 90%;
    }
    .ab_bkc_div_bk p {
        font-size: 14px;
        line-height: 24px;
    }
    .ab_bkc_zhengs_butta dd {
        width: auto;
        padding: 0 15px;
        height: 40px;
        line-height: 40px;
        font-size: 14px;
    }
    .ab_bkc_zhengs_list .swiper-button-prev,
    .ab_bkc_zhengs_list .swiper-button-next {
        width: 30px;
        height: 60px;
        border-radius: 3px;
    }
}


/* 时间轴 */

.nei_shijianz {
    padding: 180px 0 104px;
}

.fz_banda .fz_ner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.fz_banda .fz_ner .zuo {
    flex: 0 0 50%;
    padding: 0 118px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.fz_banda .fz_ner .zuo .sj {
    width: 215px;
    height: 74px;
    border: 4px solid #fff;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 36px;
    color: #ffffff;
    font-weight: bold;
}

.fz_banda .fz_ner .zuo i {
    width: 5px;
    height: 50px;
    background-color: #fff;
    margin: 20px 0;
}

.fz_banda .fz_ner .zuo h5 {
    line-height: 33px;
    margin-top: 15px;
    font-size: 16px;
    color: #ffffff;
    text-align: center;
}

.fz_banda .fz_ner .you {
    flex: 0 0 50%;
    padding: 0 60px;
}

.fz_banda .fz_ner .you .nr_yy {
    background-color: #fff;
    padding: 5px;
}

.fz_banda .fz_ner .you .nr_yy img {
    width: 100%;
}

.fazhaun_lunbo {
    position: relative;
}

.fzban_xiao {
    margin-top: 100px;
    padding-top: 14px;
    position: relative;
}

.fzban_xiao:after {
    background: url(../img/xian1.png);
    width: 100%;
    height: 1px;
    left: 0;
    top: 14px;
    content: "";
    position: absolute;
}

.fzban_xiao .shuzi {
    font-size: 18px;
    color: #ffffff;
    position: relative;
    padding-top: 33px;
    text-align: center
}

.fzban_xiao .shuzi::after {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    position: absolute;
    top: -4px;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    border-radius: 100px;
}

.fzban_xiao .swiper-slide-thumb-active .shuzi::after {
    background: url(../img/acti.png);
    width: 28px;
    height: 28px;
    top: -14px;
}

.fazhaun_lunbo .swiper-button-next,
.fazhaun_lunbo .swiper-button-prev {
    top: auto;
    bottom: 37px;
}

.fazhaun_lunbo .swiper-button-next {
    right: -19px;
}

.fazhaun_lunbo .swiper-button-prev {
    left: -19px;
}

@media only screen and (max-width:1200px) {
    .fz_banda .fz_ner .zuo {
        padding: 0;
    }
}

@media only screen and (max-width:992px) {
    .fz_banda .fz_ner .zuo {
        flex: 0 0 100%;
        padding: 0;
    }
    .fz_banda .fz_ner .you {
        flex: 0 0 100%;
        padding: 0;
        margin-top: 30px;
    }
    .fz_banda .fz_ner .zuo i {
        display: none;
    }
    .fz_banda .fz_ner .zuo h5 {
        font-size: 18px;
    }
    .nei_shijianz {
        padding: 50px 0;
    }
    .fzban_xiao {
        margin-top: 40px;
    }
    .fzban_xiao .shuzi {
        font-size: 24px;
    }
    .fazhaun_lunbo .swiper-button-next,
    .fazhaun_lunbo .swiper-button-prev {
        bottom: 46px;
    }
}


/* 公司文化 */

.nei_gyan {
    padding: 153px 0 130px;
}

.nei_gyan .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.nei_gyan .zuo_wh {
    flex: 0 0 36%;
    max-width: 36%;
    position: relative;
}

.nei_gyan .zuo_wh .wh_bt {
    font-size: 44px;
    color: #d9d9d9;
    font-weight: bold;
    text-align: right;
}

.nei_gyan .zuo_wh .sj_bt {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
}

.nei_gyan .zuo_wh .sj_bt span {
    text-align: right;
    font-weight: bold;
    font-size: 80px;
    color: #4169e1;
}

.nei_gyan .zuo_wh .sj_bt i {
    font-size: 16px;
    color: #353232;
    position: relative;
    padding-bottom: 30px;
    margin-left: 70px;
}

.nei_gyan .zuo_wh .sj_bt i:after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: "";
    width: 15px;
    height: 15px;
    background-color: #4169e1;
    border-radius: 100px;
}

.nei_gyan .zuo_wh .wenhua_bg {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
    z-index: -1;
}

.nei_gyan .zuo_wh p {
    font-size: 18px;
    color: #000;
    margin-top: 20px;
    position: relative;
    padding-left: 34px;
}

.nei_gyan .zuo_wh p:after {
    position: absolute;
    content: "";
    left: 6px;
    width: 12px;
    height: 12px;
    border: 2px solid #4a70e2;
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100px;
}

.nei_gyan .zuo_wh p span {
    font-size: 21px;
    color: #010101;
}

.nei_gyan .you_wh {
    flex: 0 0 54%;
    height: 420px;
}

.nei_gyan .sy_ggbt {
    padding-bottom: 20px;
}

.nei_gyan .sy_ggbt h5 {
    text-align: left;
}

.nei_gyan .sy_ggbt h5::after {
    left: 0;
    transform: translateX(0);
}

@media only screen and (max-width:992px) {
    .nei_gyan .zuo_wh {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .nei_gyan .you_wh {
        flex: 0 0 100%;
    }
    .nei_gyan .you_wh {
        margin-top: 50px;
    }
    .nei_gyan {
        padding: 50px 0;
    }
    .nei_gyan .zuo_wh p {
        font-size: 20px;
    }
    .nei_gyan .zuo_wh p span {
        font-size: 21px;
    }
    .nei_gyan .zuo_wh .sj_bt i {
        font-size: 20px;
    }
}


/* 网站解决方案 */

.jj_fan1 {
    background-color: #f6f6f6;
    padding: 80px 0 84px;
}

.jj_fan1 .youshi .dange h5 {
    font-size: 24px;
    color: #000;
}

.fangan1_yi .youshi .dange h6 {
    font-size: 16px;
    color: #000;
}

@media only screen and (max-width:1024px) {
    .fangan1_yi .youshi .dange h6 {
        font-size: 19px;
        line-height: 35px;
    }
}


/* 网站解决方案 */

.jj_fan2 {
    padding: 70px 0 97px;
}

.jj_fan2 .qiehuan_jj {
    margin-top: 67px;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou {
    border-bottom: 1px solid #aaaaaa;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu {
    flex: 1;
    text-align: center;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu h5 {
    font-size: 24px;
    color: #000;
    padding-bottom: 30px;
    position: relative;
    margin-top: 30px;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu.on h5 {
    font-weight: bold;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu.on h5::after {
    position: absolute;
    left: 50%;
    bottom: -3px;
    width: 77px;
    height: 8px;
    background: linear-gradient( to bottom, #1dd5e6, #42b1f5) no-repeat;
    background: -webkit-linear-gradient( top, #1dd5e6, #42b1f5) no-repeat;
    transform: translateX(-50%);
    content: "";
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu .s img {
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.jj_fan2 .qiehuan_jj .qiehuan_tou .dandu:hover .s img {
    transform: rotateY( 180deg);
    -webkit-transform: rotateY( 180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu {
    display: none;
    margin-top: 38px;
    box-shadow: 0 0 10px #d7d4d4;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .zuo {
    flex: 0 0 57%;
    background-color: #f7f7f7;
    min-height: 632px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .zuo img {
    max-width: 100%;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you {
    flex: 0 0 43%;
    padding: 60px 40px 54px 40px;
    background-color: #fff;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h5 {
    font-size: 24px;
    color: #6f6f6f;
    font-weight: bold;
    margin-top: 46px;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h5:nth-child(1) {
    margin-top: 0;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 {
    font-size: 18px;
    color: #6f6f6f;
    margin-top: 28px;
    line-height: 40px;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a {
    display: block;
    flex: 0 0 35%;
    font-size: 18px;
    color: #6f6f6f;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a img {
    margin-right: 13px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a:hover img {
    transform: rotateY( 180deg);
    -webkit-transform: rotateY( 180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}


/* 产品推荐 */

.jj_fan3 {
    padding: 84px 0 73px;
    background-color: #f7f7f7;
}

.jj_fan3 .qiehuan_jj {
    margin-top: 44px;
}

.jj_fan3 .qiehuan_jj .qiehuan_tou {
    border-bottom: 1px solid #aaaaaa;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.jj_fan3 .qiehuan_jj .qiehuan_tou .dandu {
    flex: 1;
    text-align: center;
}

.jj_fan3 .qiehuan_jj .qiehuan_tou .dandu h5 {
    position: relative;
    padding-bottom: 32px;
    font-size: 24px;
    color: #000;
}

.jj_fan3 .qiehuan_jj .qiehuan_tou .dandu.on h5::after {
    position: absolute;
    left: 50%;
    bottom: -4px;
    width: 94px;
    height: 7px;
    background: linear-gradient( to bottom, #1dd5e6, #42b1f5) no-repeat;
    background: -webkit-linear-gradient( top, #1dd5e6, #42b1f5) no-repeat;
    transform: translateX(-50%);
    content: "";
}

.jj_fan3 .qiehuan_jj .qiehuan_tou .dandu.on h5 {
    font-weight: bold;
}

.jj_fan3 .qiehuan_jj .qiehuan_body {
    margin-top: 40px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu {
    background-color: #fff;
    padding: 60px 60px 70px 60px;
    display: none;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo {
    flex: 0 0 23%;
    position: relative;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo::after {
    position: absolute;
    background: url(../img/dian1.png);
    width: 45px;
    height: 12px;
    content: "";
    right: -71px;
    top: 63%;
    transform: translateY(-50%);
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo h5 {
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: flex-end;
    flex-wrap: wrap;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo h5 img {
    margin-right: 10px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo:hover h5 img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang {
    padding: 22px 35px;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 37px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang .z {
    flex: 0 0 45%;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang .z .bt {
    font-size: 14px;
    color: #2ec5ed;
    font-weight: bold;
    padding-bottom: 15px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang .z .xi {
    font-size: 14px;
    color: #000;
    line-height: 31px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you {
    flex: 0 0 5.1%;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you .kuang {
    padding: 22px 35px;
    border: 1px solid #dadada;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    height: 206px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you .kuang h4 {
    writing-mode: lr-tb;
    font-size: 16px;
    color: #696969;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia {
    margin-top: 44px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia h5 {
    font-size: 20px;
    color: #000;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia h5 img {
    margin-right: 10px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia:hover h5 img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi {
    margin-top: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi i {
    padding: 0 15px;
    color: #2cc7ec;
    font-size: 17px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi .kuang,
.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a {
    flex: 0 0 16%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    color: #000;
    height: 65px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi .kuang {
    border: 1px solid #e9e9e9;
    border-radius: 15px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a {
    border-radius: 7px;
    font-size: 18px;
    color: #ffffff;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi1 {
    background: linear-gradient( to bottom, #1dd5e6, #42b1f5) no-repeat;
    background: -webkit-linear-gradient( top, #1dd5e6, #42b1f5) no-repeat;
    margin-left: 54px;
}

.jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi2 {
    background-color: #ff7200;
    margin-left: 38px;
}


/* 方案优势 */

.fanganyou_shi {
    padding: 90px 0;
}


/* 方案优势 */

.fanganyou_shi .row {
    margin-top: 20px;
}

.fanganyou_shi .row .neiromh {
    margin-top: 45px;
    box-shadow: 0 0 10px #dfdddd;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 40px;
    min-height: 170px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.fanganyou_shi .row .neiromh:hover {
    box-shadow: 0 0 10px #b0afaf;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.fanganyou_shi .row .neiromh .z {
    flex: 0 0 18%;
}

.fanganyou_shi .row .neiromh .z img {
    max-width: 100%;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.fanganyou_shi .row .neiromh:hover .z img {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -o-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
}

.fanganyou_shi .row .neiromh .y {
    flex: 0 0 75.6%;
}

.fanganyou_shi .row .neiromh .y h5 {
    font-size: 24px;
    color: #6f6f6f;
    font-weight: bold;
}

.fanganyou_shi .row .neiromh .y h6 {
    margin-top: 20px;
    font-size: 18px;
    color: #6f6f6f;
    line-height: 40px;
}

.fanganyou_shi .shang_qyal {
    margin-top: 85px;
}

.fanganyou_shi .qy_alnr {
    margin-top: 35px;
    background-color: #f7f7f7;
    border-radius: 10px;
    padding: 40px 24px 24px 22px;
    display: block;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.fanganyou_shi .qy_alnr:hover {
    box-shadow: 0 0 10px #dfdddd;
}

.fanganyou_shi .qy_alnr h5 {
    font-size: 16px;
    color: #6f6f6f;
    line-height: 28px;
}

.fanganyou_shi .qy_alnr h6 {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
}

.fanganyou_shi .qy_alnr h6 img {
    width: 50px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.fanganyou_shi .qy_alnr:hover h6 img {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px)
}


/* 虚拟机 */

.nei_xuni_ban {
    position: relative;
    padding-top: 100px;
}

.nei_xuni_ban .xuanfutiao {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-bottom: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.nei_xuni_ban .xuanfutiao .dandu {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 35px;
}

.nei_xuni_ban .xuanfutiao .dandu img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.nei_xuni_ban .xuanfutiao .dandu:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.nei_xuni_ban .xuanfutiao .dandu .y {
    margin-left: 17px;
}

.nei_xuni_ban .xuanfutiao .dandu .y h5 {
    font-size: 20px;
    color: #ffffff;
}

.nei_xuni_ban .xuanfutiao .dandu .y h6 {
    font-size: 16px;
    color: #ffffff;
    margin-top: 8px;
}


/* 产品规格 */

.cp_gg_nei {
    padding: 105px 0 100px;
}

.cp_gg_nei .sy_ggbt h5::after {
    display: none;
}

.cp_gg_nei .sy_ggbt h6 {
    /* font-size: 14px; */
    color: #000;
    text-align: center;
    margin-top: 0;
}


/* 虚拟机 */

.cp_gg_nei .qiehuantou_j {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 60px;
}

.cp_gg_nei .qiehuantou_j .dandu {
    flex: 0 0 18%;
    background-color: #f7f7f7;
    padding: 12px 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cp_gg_nei .qiehuantou_j .dandu.on {
    font-weight: bold;
    color: #ffffff;
    background-color: #13b2f9;
}

.cp_gg_nei .qiehuanbody_j {
    margin-top: 46px;
}

.cp_gg_nei .qiehuanbody_j .dandu {
    display: none;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo {
    flex: 0 0 23%;
    box-shadow: 0 0 10px #e0dcdc;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_01 {
    background-color: #f4f4f5;
    padding: 20px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_01 h5 {
    font-size: 20px;
    color: #3d3d3d;
    font-weight: bold;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_01 h6 {
    font-size: 14px;
    color: #3d3d3d;
    line-height: 24px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_02 {
    padding: 15px 20px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 0 10px #ededee;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_02 p {
    font-size: 16px;
    color: #3d3d3d;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_02 p:nth-child(2) {
    font-size: 14px;
    color: #8f8f8f;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 {
    background-color: #fff;
    padding: 25px 15px 20px;
    border-bottom: 1px solid #e1e1e1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 0 10px #ededee;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 .d_g {
    flex: 0 0 30%;
    text-align: center;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 .d_g h5 {
    font-size: 16px;
    color: #3d3d3d;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 .d_g h6 {
    font-size: 14px;
    color: #3d3d3d;
    margin-top: 10px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 {
    padding: 18px 15px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .sbj {
    width: 137px;
    height: 27px;
    border: 1px solid #a0a0a0;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .jiage {
    margin-top: 10px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .shuz {
    font-size: 16px;
    color: #13b2f9;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .shuz strong {
    font-size: 31px;
    color: #13b2f9;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .shuz span {
    color: #878787;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .youhui_ds {
    margin-top: 10px;
    font-size: 14px;
    color: #7d7d7d;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .youhui_ds span {
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
    width: 18px;
    height: 18px;
    text-align: center;
    line-height: 18px;
    background-color: #ff6a00;
    border-radius: 2px;
}

.cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .xia {
    height: 46px;
    background-color: #13b2f9;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 18px;
    color: #ffffff;
}

@media only screen and (max-width:1200px) {
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo {
        flex: 0 0 49%;
        margin-top: 30px;
    }
    .cp_gg_nei .qiehuantou_j .dandu {
        flex: 0 0 24%;
        margin-top: 20px;
    }
}

@media only screen and (max-width:992px) {
    .cp_gg_nei .qiehuantou_j {
        margin-top: 30px;
    }
    .cp_gg_nei .qiehuantou_j .dandu {
        padding: 25px 0;
        font-size: 20px;
        margin: 10px 0;
    }
}


/* 产品优势 */

.cp_gg_nei02 {
    background-color: #f7f7f7;
    padding: 70px 0 97px;
}

.cp_gg_nei02 li {
    margin-top: 70px;
    flex: 0 0 25.5%;
}

.cp_gg_nei02 ul {
    padding-top: 10px;
}

.cp_gg_nei02 p.line {
    color: #000;
    margin-bottom: 0;
}

.cp_gg_nei02 p.line:after {
    display: none;
}

.cp_gg_nei02 span {
    /* font-size: 14px; */
    color: #000;
}

@media only screen and (max-width:1200px) {
    .cp_gg_nei02 li {
        flex: 0 0 31.5%;
    }
}


/* 产品功能 */

.cp_gg_ne03 {
    padding: 90px 0 120px;
}

.cp_gg_ne03 .sy_ggbt h5::after {
    display: none;
}

.cp_gg_ne03 .gongneg_qiehuan {
    margin-top: 20px;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_tou {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_tou .dange {
    width: 183px;
    height: 47px;
    border: 1px solid #13b2f9;
    border-radius: 50px;
    font-size: 18px;
    color: #000;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 15px;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_tou .dange.on {
    background-color: #13b2f9;
    color: #fff;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body {
    margin-top: 65px;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange {
    display: none;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige {
    flex: 0 0 30%;
    background-color: #f7f7f7;
    border: 1px solid #13b2f9;
    border-radius: 5px;
    padding: 37px 40px 52px;
    position: relative;
    background: url(../img/ff_03.png) no-repeat center / cover;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige h5 {
    font-size: 23px;
    color: #000;
    font-weight: bold;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige h5::after {
    width: 60px;
    height: 7px;
    background-color: #13b2f9;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    position: absolute;
    content: "";
}

.cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige h6 {
    font-size: 17px;
    color: #000;
    line-height: 35px;
    margin-top: 20px;
}


/* 域 */

.shangshao {
    padding-top: 0;
}

.nei_ban .yu_miangcx {
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    /* height: 100%; */
    width: 100%;
}

.nei_ban .yu_miangcx h5 {
    font-size: 40px;
    color: #ffffff;
    text-align: center;
}

.nei_ban .yu_miangcx .sousuo_ym {
    width: 90%;
    position: relative;
    border: 1px solid #aaaaaa;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.nei_ban .yu_miangcx .sousuo_ym input {
    width: 100%;
    height: 87px;
    background-color: #fff;
    flex: 0 0 70%;
    font-size: 24px;
    color: #818181;
    padding: 24px;
}

.nei_ban form {
    width: 100%;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 54px;
}

.nei_ban .yu_miangcx .sousuo_ym .dian {
    font-size: 30px;
    color: #474747;
    font-weight: bold;
    background-color: #fff;
    height: 100%;
    padding: 0 22px 0 28px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
    flex: 0 0 14.7%;
}

.nei_ban .yu_miangcx .sousuo_ym .dian::after {
    height: 60px;
    width: 1px;
    background-color: #aaaaaa;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    content: "";
}

.nei_ban .yu_miangcx .sousuo_ym button {
    flex: 0 0 15.3%;
    background-color: #0080ff;
    font-size: 28px;
    color: #ffffff;
    height: 100%;
}

@media only screen and (max-width:992px) {
    .nei_ban .yu_miangcx h5 {
        font-size: 33px;
    }
}


/* 推荐域名 */

.tuij_ym {
    padding: 85px 0 55px;
}

.tuij_ym .neirong {
    margin-top: 42px;
    box-shadow: 0 0 10px #dddada;
    padding: 45px 10px 37px;
    transition: all .7s;
    -o-transition: all .7s;
    -ms-transition: all .7s;
    -moz-transition: all .7s;
    -webkit-transition: all .7s;
}

.tuij_ym .neirong:hover {
    box-shadow: 0 0 10px #a19f9f;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tuij_ym .neirong .tu {
    text-align: center;
}

.tuij_ym .neirong .tu img {
    max-width: 100%;
}

.tuij_ym .neirong h5 {
    font-size: 16px;
    color: #6f6f6f;
    margin-top: 40px;
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #efefef;
}

.tuij_ym .neirong .jiege {
    padding-top: 24px;
    font-size: 16px;
    color: #747373;
    text-align: center;
}

.tuij_ym .neirong .jiege span {
    font-size: 35px;
    color: #ff7214;
    margin-right: 5px;
}

.tuij_ym .neirong a {
    width: 171px;
    height: 41px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #000;
    margin: 40px auto 0;
    font-size: 16px;
    color: #000;
}

.tuij_ym .neirong a:hover {
    background-color: #26b1ea;
    border: 1px solid #26b1ea;
    color: #fff;
    font-weight: bold;
}

@media only screen and (max-width:992px) {
    .tuij_ym {
        padding: 50px 0;
    }
    .tuij_ym .neirong h5,
    .tuij_ym .neirong a {
        font-size: 18px;
    }
}


/* 产品优势 */

.tuij_cp02 {
    background-color: #f7f8fa;
    padding: 70px 0 113px;
}

.tuij_cp02 .zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 65px;
}

.tuij_cp02 .zuoyou .dange {
    box-shadow: 0 0 10px #dddada;
    background-color: #ffffff;
    flex: 0 0 23%;
    max-width: 23%;
    padding: 40px 30px 45px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.tuij_cp02 .zuoyou .dange:hover {
    background-color: #26b1ea;
    box-shadow: 0 0 10px #a19f9f;
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.tuij_cp02 .zuoyou .dange .s {
    text-align: center;
}

.tuij_cp02 .zuoyou .dange .s img {
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.tuij_cp02 .zuoyou .dange:hover .s img {
    filter: grayscale(100%) brightness(20000%);
}

.tuij_cp02 .zuoyou .dange h5 {
    font-size: 24px;
    color: #000;
    text-align: center;
    margin-top: 27px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.tuij_cp02 .zuoyou .dange h6 {
    font-size: 16px;
    color: #000;
    text-align: center;
    margin-top: 20px;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
    line-height: 31px;
}

.tuij_cp02 .zuoyou .dange:hover h5,
.tuij_cp02 .zuoyou .dange:hover h6 {
    color: #fff;
}

@media only screen and (max-width:992px) {
    .tuij_cp02 {
        padding: 50px 0;
    }
    .tuij_cp02 .zuoyou .dange h6 {
        font-size: 19px;
    }
}


/* 域名价格 */

.tuij_jig03 {
    padding: 60px 0 120px;
}


/*招聘*/

.zp_list {
    width: 100%;
    position: relative;
}

.zp_list_title {
    width: 100%;
    height: 58px;
    float: left;
    background: #C08D20;
    border-radius: 8px;
}

.zp_list_ul {
    width: 96%;
    margin: auto;
}

.zp_lf {
    float: left;
    font-size: 16px;
    color: #ffffff;
    font-weight: bold;
    line-height: 86px;
    text-align: center;
}

.zp_list_t1 {
    width: 40%;
    text-align: left;
    padding-left: 1%;
}

.zp_list_t2 {
    width: 10%;
}

.zp_list_t3 {
    width: 10%;
}

.zp_list_t4 {
    width: 10%;
}

.zp_list_t5 {
    width: 10%;
}

.zp_list_t6 {
    width: 10%;
}

.zp_list_t7 {
    width: 10%;
}

.zp_list ul {
    width: 100%;
    margin-top: 75px;
}

.zp_list ul li {
    width: 100%;
    /* border: solid 1px #969696; */
    overflow: hidden;
    margin-bottom: 24px;
}

.zp_list ul li.on {
    border: solid 1px #C08D20;
}

.zp_in_a {
    height: 86px;
    padding: 0 2%;
    position: relative;
    border: 1px solid #969696;
}

.zp_in_a .zp_lf {
    font-size: 24px;
    color: #000;
    font-weight: normal;
}

.zp_in_a .zp_lf img {
    margin-right: 16px;
}

.zp_in_a .zp_lf span {
    display: none;
}

.zp_in_a_but {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    cursor: pointer;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.zp_in_a_but.on {
    transform: translateY(-50%) rotate(180deg);
}

.zp_in_a_but.on i {
    border: 4px solid #26b1ea;
    color: #26b1ea;
}

.zp_in_a_but i {
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 100px;
    border: 4px solid #9e9e9e;
    color: #9e9e9e;
    font-size: 30px;
    font-weight: bold;
    line-height: 1.3;
    transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    -moz-transition: all .3s;
    -webkit-transition: all .3s;
}

.zp_in_b {
    display: none;
    width: 100%;
    /* border-top: solid 1px #DFDFDF; */
}

.zp_in_b table {
    /* border: 1px solid #c3c1c1; */
    text-align: center;
}

.zp_in_b table tr td {
    height: 97px;
    font-size: 24px;
    color: #000;
    border: 1px solid #c3c1c1;
}

.zp_in_b table tr td:nth-child(1) {
    height: 97px;
    font-size: 16px;
}

.zp_in_b table tr td:nth-child(1) strong {
    font-size: 24px;
    color: #000;
    font-weight: bold;
    margin-right: 40px;
}

.zp_in_b table tr:nth-child(1) td {
    font-size: 22px;
    color: #000;
}

.resume_butt {
    cursor: pointer;
}

.form_resume {
    width: 100%;
    height: 100%;
    top: -100%;
    opacity: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.7);
    position: fixed;
    z-index: 999;
    -o-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.resume_active {
    top: 0;
    opacity: 1;
}

.resume_ewm {
    display: inline-block;
}

.resume_ewm img {
    width: 150px;
}

.resume_tar {
    position: absolute;
    right: -40px;
    top: -40px;
    width: 40px;
    height: 40px;
    padding: 5px;
    z-index: 99999;
    cursor: pointer;
    border-radius: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.resume_tar .bari {
    width: 30px;
    height: 2px;
    display: block;
    background: #808080;
    margin: 6px 0;
    border-radius: 25px;
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.resume_tar .bari:nth-of-type(1) {
    -webkit-transform: translateY(13.5px) rotate(-40.5deg);
    -ms-transform: translateY(13.5px) rotate(-40.5deg);
    transform: translateY(8px) rotate(-40.5deg);
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.resume_tar .bari:nth-of-type(2) {
    opacity: 0;
}

.resume_tar .bari:nth-of-type(3) {
    -webkit-transform: translateY(-15px) rotate(45deg);
    -ms-transform: translateY(-15px) rotate(45deg);
    transform: translateY(-8px) rotate(45deg);
    -o-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -webkit-transition: all 0.4s;
    transition: all 0.4s;
}

.resume_div {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.resume_div_m {
    width: 600px;
    height: 700px;
    background: rgba(255, 255, 255, 0.9);
    border-radius: 20px;
    position: relative;
}

.resume_div_title {
    width: 100%;
    text-align: center;
    margin-top: 50px;
}

.resume_div_title span {
    display: block;
    font-size: 26px;
    color: #000;
    line-height: 30px;
}

.resume_div_title i {
    display: inline-block;
    width: 50px;
    height: 3px;
    background: #BF8F20;
}

.resume_div_zw {
    width: 100%;
    text-align: center;
}

.resume_div_zw span {
    font-size: 14px;
    color: #999;
    line-height: 24px;
}

.form_zd {
    width: 348px;
    height: 60px;
    margin: auto;
    margin-top: 20px;
    border-radius: 8px;
    overflow: hidden;
    border: solid 1px #ccc;
    position: relative;
}

.form_zd input {
    width: 347px;
    height: 60px;
    border: none;
    padding: 0 8px;
    font-size: 15px;
    color: #999;
}

.form_zd input::placeholder {
    font-size: 15px;
}

.form_zd_sc {
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    border: none;
    background: none;
    padding: 0 15px;
    outline: 0;
    cursor: pointer;
}

.form_zd_sc img {
    display: inline-block;
}

.form_zd_sc i {
    font-size: 14px;
    color: #999;
    margin-left: 8px;
    margin-top: 2px;
    line-height: 60px;
}

.form_ts {
    width: 348px;
    margin: auto;
    margin-top: 5px;
    line-height: 22px;
    color: #666;
    font-size: 14px;
}

.form_an {
    width: 348px;
    margin: auto;
    text-align: center;
}

.button_tj {
    width: 160px;
    height: 50px;
    background: #C08D20;
    display: inline-block;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    line-height: 50px;
    margin-top: 15px;
}

.button_tj:hover {
    opacity: 0.8;
}


/* 建站怎么选？ */

.jianzhan_why01 {
    padding-top: 65px;
}

.jianzhan_why01 .sy_ggbt h5 {
    font-weight: normal;
}

.jianzhan_why01 .sy_ggbt h5:after {
    display: none;
}

.jianzhan_why01 .zuoyou {
    margin-top: 20px;
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
}

.jianzhan_why01 .zuoyou .dandu {
    flex: 0 0 30%;
    box-shadow: 0 0 10px #c4dbe5;
    padding-bottom: 37px;
    background-color: #f8fafa;
}

.jianzhan_why01 .zuoyou .dandu .sahng {
    background: linear-gradient( to bottom, #3e64fa, #0dcbff) no-repeat;
    background: -webkit-linear-gradient( top, #3e64fa, #0dcbff) no-repeat;
    height: 115px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative;
    overflow: hidden;
}

.jianzhan_why01 .zuoyou .dandu .sahng .youhui {
    background-color: #ff6000;
    color: #fff;
    font-size: 18px;
    padding: 10px 50px;
    padding-top: 50px;
    position: absolute;
    left: -62px;
    top: -32px;
    transform: rotate( 312deg);
}

.jianzhan_why01 .zuoyou .dandu .sahng h5 {
    font-size: 28px;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

.jianzhan_why01 .zuoyou .dandu .sahng h6 {
    font-size: 16px;
    color: #ffffff;
    display: inline-block;
    margin-top: 14px;
    position: relative;
}

.jianzhan_why01 .zuoyou .dandu .sahng h6::after {
    background-color: #fff;
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 109%;
}

.jianzhan_why01 .zuoyou .dandu .sahng h6::before {
    background-color: #fff;
    width: 30px;
    height: 1px;
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 109%;
}

.jianzhan_why01 .zuoyou .dandu .xia {
    padding: 33px 37px 0;
}

.jianzhan_why01 .zuoyou .dandu .xia h5 {
    font-size: 20px;
    color: #757575;
    text-align: center;
    padding: 0 37px;
    line-height: 36px;
}

.jianzhan_why01 .zuoyou .dandu .xia .xiabiao {
    display: flex;
    justify-content: space-between;
}

.jianzhan_why01 .zuoyou .dandu .xia .xiabiao .x_bb {
    margin-top: 44px;
    text-align: center;
    flex: 0 0 47%;
}

.jianzhan_why01 .zuoyou .dandu .xia .xiabiao .x_bb img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.jianzhan_why01 .zuoyou .dandu .xia .xiabiao .x_bb:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.jianzhan_why01 .zuoyou .dandu .xia .xiabiao .x_bb h5 {
    font-size: 18px;
    color: #00b6f9;
    margin-top: 10px;
    width: 100%;
    padding: 0;
}

.jianzhan_why01 .zuoyou .dandu .xia .shij_uobuyi {
    margin-top: 38px;
    width: 100%;
    border: 1px solid #00b6f9;
    border-radius: 50px;
    position: relative;
    font-size: 20px;
    color: #00b6f9;
    padding: 5px 0;
    padding-left: 15px;
}

.jianzhan_why01 .zuoyou .dandu .xia .shij_uobuyi a {
    background-color: #00b6f9;
    /* font-size: 14px; */
    color: #ffffff;
    width: 133px;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 50px;
}


/* 产品规格 */

.chanp_gg {
    padding-top: 60px;
}

.chanp_gg .zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 52px;
}

.chanp_gg .zuoyou .dange {
    flex: 0 0 32%;
}

.chanp_gg .zuoyou .dange .sahng {
    height: 107px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
}

.chanp_gg .zuoyou .dange .sahng h5 {
    font-size: 24px;
    color: #f6f7f8;
    font-weight: bold;
}

.chanp_gg .zuoyou .dange .sahng h6 img {
    margin: 17px 8px 0;
}

.chanp_gg .zuoyou .dange .xia_nr {
    background-color: #f6f7f8;
    padding: 0 24px 54px;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du {
    margin-top: 15px;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du:nth-child(1) {
    margin-top: 0;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h5 {
    padding: 20px 0;
    border-bottom: 1px dashed #bababa;
    font-size: 18px;
    color: #464646;
    padding-left: 36px;
    position: relative;
    font-weight: bold;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h5::after {
    position: absolute;
    content: "";
    left: 11px;
    width: 17px;
    height: 17px;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #7bd6f9;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h5::before {
    position: absolute;
    content: "";
    left: 14px;
    width: 10px;
    height: 10px;
    border-radius: 100px;
    top: 50%;
    transform: translateY(-50%);
    background-color: #00b6f9;
    z-index: 2;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h6 {
    font-size: 18px;
    color: #000;
    padding-left: 53px;
    margin-top: 20px;
    position: relative;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h6::after {
    position: absolute;
    content: "";
    left: 30px;
    top: 50%;
    transform: translateY(-50%);
    width: 11px;
    height: 11px;
    border-radius: 100px;
    background: linear-gradient( to bottom, #4788ec, #0fb7fa) no-repeat;
    background: -webkit-linear-gradient( top, #4788ec, #0fb7fa) no-repeat;
}

.chanp_gg .zuoyou .dange .xia_nr .dan_du h6 span {
    color: #11b5f9;
}

.chanp_gg .zuoyou .dange .jg_jj {
    margin-top: 60px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

.chanp_gg .zuoyou .dange .jg_jj .zuo {
    font-size: 18px;
    color: #000;
}

.chanp_gg .zuoyou .dange .jg_jj .zuo span {
    font-size: 48px;
    color: #1cb3fe;
}

.chanp_gg .zuoyou .dange .jg_jj .you {
    font-size: 18px;
    color: #000;
    line-height: 50px;
}

.chanp_gg .zuoyou .dange .anniu_mn {
    margin-top: 35px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chanp_gg .zuoyou .dange .anniu_mn a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    border: 1px solid #1cb3fe;
    font-size: 18px;
    color: #1cb3fe;
    width: 166px;
    height: 44px;
}

.chanp_gg .zuoyou .dange .anniu_mn a:hover {
    color: #ffffff;
    background-color: #1cb3fe;
}

.chanp_gg .zuoyou .dange .anniu_mn a:nth-child(1) {
    color: #ffffff;
    background-color: #1cb3fe;
}

.chanp_gg .zuoyou .dange .anniu_mn a:nth-child(1):hover {
    color: #1cb3fe;
    background-color: rgba(0, 0, 0, 0);
}


/* 页面制作完成，网站轻松快速上线 */

.chanp_zz2 {
    padding-top: 80px;
}

.sy_ggbt12 h5 {
    font-size: 36px;
    color: #7b7b7b;
    padding-bottom: 0;
}

.sy_ggbt12 h5::after {
    display: none;
}

.sy_ggbt12 h6 {
    margin-top: 20px;
    font-size: 18px;
    color: #6b6b6b;
}

.chanp_zz2 .zuoyou {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.chanp_zz2 .zuoyou .dange {
    flex: 0 0 23%;
    border: 1px solid #cacaca;
    padding: 37px 50px 29px;
    min-height: 290px;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    margin-top: 65px;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chanp_zz2 .zuoyou .dange:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
}

.chanp_zz2 .zuoyou .dange .shang {
    height: 106px;
}

.chanp_zz2 .zuoyou .dange .shang img {
    max-height: 100%;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chanp_zz2 .zuoyou .dange:hover .shang img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.chanp_zz2 .zuoyou .dange h5 {
    font-size: 21px;
    color: #000;
    font-weight: bold;
}

.chanp_zz2 .zuoyou .dange h6 {
    font-size: 18px;
    color: #828282;
    margin-top: 25px;
    text-align: center;
    line-height: 27px;
}


/* 内置1153套模板 */

.chan0_tmb3 {
    padding-top: 100px;
}

.chan0_tmb3 .zuoyou {
    margin-top: 50px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chan0_tmb3 .zuoyou .zuo {
    flex: 0 0 53%;
}

.chan0_tmb3 .zuoyou .zuo img {
    width: 100%;
}

.chan0_tmb3 .zuoyou .you {
    flex: 0 0 42.5%;
    padding-left: 43px;
}

.chan0_tmb3 .zuoyou .you h5 {
    font-weight: bold;
    font-size: 24px;
    color: #7b7b7b;
    position: relative;
    margin-top: 30px;
}

.chan0_tmb3 .zuoyou .you h5:nth-child(1) {
    margin-top: 0;
}

.chan0_tmb3 .zuoyou .you h5::after {
    left: -40px;
    top: 5px;
    position: absolute;
    content: "";
    background: linear-gradient( to bottom, #71e5ef, #8acdfa) no-repeat;
    background: -webkit-linear-gradient( top, #71e5ef, #8acdfa) no-repeat;
    width: 21px;
    height: 21px;
    border-radius: 100px;
}

.chan0_tmb3 .zuoyou .you h5::before {
    left: -35px;
    top: 10px;
    position: absolute;
    content: "";
    background: linear-gradient( to bottom, #2ad6e8, #43b0f6) no-repeat;
    background: -webkit-linear-gradient( top, #2ad6e8, #43b0f6) no-repeat;
    width: 11px;
    height: 11px;
    border-radius: 100px;
    position: absolute;
    z-index: 2;
}

.chan0_tmb3 .zuoyou .you h6 {
    margin-top: 20px;
    font-size: 18px;
    color: #9a9999;
    line-height: 28px;
}

.chan0_tmb3 .qbmb {
    margin: 34px auto 0;
    width: 202px;
    height: 60px;
    border-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background: linear-gradient( to bottom, #00bff9, #0161eb) no-repeat;
    background: -webkit-linear-gradient( top, #00bff9, #0161eb) no-repeat;
    font-size: 20px;
    color: #ffffff;
}

.chan0_tmb3 .zuoyouxia {
    margin-top: 162px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chan0_tmb3 .zuoyouxia .dange {
    flex: 0 0 45%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chan0_tmb3 .zuoyouxia .dange .z {
    flex: 0 0 19.5%;
}

.chan0_tmb3 .zuoyouxia .dange .z img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chan0_tmb3 .zuoyouxia .dange:hover .z img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.chan0_tmb3 .zuoyouxia .dange .y {
    flex: 0 0 75.6%;
}

.chan0_tmb3 .zuoyouxia .dange .y h5 {
    font-size: 24px;
    color: #626262;
}

.chan0_tmb3 .zuoyouxia .dange .y h6 {
    font-size: 16px;
    color: #626262;
    margin-top: 15px;
    line-height: 28px;
}

.chan0_tmb3 .tupian {
    margin-top: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.chan0_tmb3 .tupian img {
    max-width: 100%;
}


/* 40余种网站控件，一键添加，任意使用 */

.chanp_zz4 {
    padding-top: 70px;
}

.chanp_zz4 .xia_zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 80px;
}

.chanp_zz4 .xia_zuoyou .zuo {
    flex: 0 0 38%;
}

.chanp_zz4 .xia_zuoyou .zuo h5 {
    font-size: 30px;
    color: #626262;
}

.chanp_zz4 .xia_zuoyou .zuo h6 {
    font-size: 24px;
    color: #626262;
    margin-top: 30px;
    line-height: 35px;
}

.chanp_zz4 .xia_zuoyou .you {
    flex: 0 0 38%;
}

.chanp_zz4 .xia_zuoyou .you img {
    max-width: 100%;
}

.chanp_zz4 .xia_zuoyou:nth-child(2n) {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}

.chanp_zz4 .shangp {
    padding-top: 100px;
}

.chanp_zz4 .zuo_y_zong1 .xia_zuoyou:nth-child(2n-1) {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}

.chanp_zz4 .zuo_y_zong1 .xia_zuoyou:nth-child(2n) {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: inherit;
}


/* 阿里云全集成，无需单独购买 */

.chanp_zz5 {
    padding-top: 120px;
    padding-bottom: 80px;
}

.chanp_zz5 .zuoyouxia {
    margin-top: 100px;
    padding: 0 190px;
}

.chanp_zz5 .zuoyouxia .dange .y h5 {
    font-size: 20px;
    color: #626262;
    font-weight: bold;
}

.chanp_zz5 .zuoyouxia .dange .y h6 {
    margin-top: 10px;
    font-size: 16px;
    color: #626262;
    line-height: 25px;
}

@media only screen and (max-width:1200px) {
    .chanp_zz5 .zuoyouxia {
        padding: 0;
    }
}


/* 售后服务 */

.chanp_zz6 {
    background-color: #f4f4f5;
    padding: 75px 0 110px;
}

.chanp_zz6 .zuoyou {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.chanp_zz6 .zuoyou .dange {
    flex: 0 0 24%;
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
    /* 换主轴方向 */
    flex-direction: column;
    margin-top: 78px;
    box-shadow: 0 0 10px #eeeeef;
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chanp_zz6 .zuoyou .dange:hover {
    -webkit-transform: translateY(-10px);
    -moz-transform: translateY(-10px);
    -ms-transform: translateY(-10px);
    -o-transform: translateY(-10px);
    transform: translateY(-10px);
    box-shadow: 0 0 10px #d8d8da;
}

.chanp_zz6 .zuoyou .dange img {
    transition: all .5s;
    -o-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
}

.chanp_zz6 .zuoyou .dange:hover img {
    transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
}

.chanp_zz6 .zuoyou .dange h5 {
    font-size: 18px;
    color: #5a5a5a;
    margin: 30px auto 10px;
}

.chanp_zz6 .zuoyou .dange h6 {
    font-size: 14px;
    color: #5a5a5a;
}


/* 云 */

:root {
    --main-color: #26b1ea;
}

.purchase-section {
    background-color: #fff;
    margin-bottom: 20px;
    border: 1px solid #f6f7f9;
}

.purchase-section:hover {
    border-color: var(--main-color);
}

.buy-tips.tips-drak {
    color: #424c59;
}

.purchase-form-item .purchase-form-label {
    width: 92px;
}

.buy-tips {
    font-size: 14px;
    color: #6f6f6f;
    line-height: 31px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.purchase-section .purchase-section-content {
    width: 100%;
    padding: 40px 20px;
    box-sizing: border-box;
    background-color: #f7f7f7;
}

.purchase-section .purchase-section-title h3 {
    font-size: 18px;
    color: #585858;
    text-align: center;
    background-color: #ebecee;
    line-height: 53px;
}

.purchase-section:hover .purchase-section-title h3 {
    background-color: var(--main-color);
    color: #fff;
}

.purchase-form-item {
    width: 100%;
    line-height: 36px;
    margin-bottom: 20px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
}

.purchase-form-item .purchase-form-label {
    width: 92px;
    line-height: 51px;
}

.purchase-form-item .purchase-form-control {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
}

.buy-radio-group {
    display: flex;
    flex-wrap: wrap;
}

.buy-radio-group .buy-radio-item {
    display: inline-block;
    cursor: pointer;
    line-height: 50px;
    min-width: 180px;
    position: relative;
    margin: 0;
    background-color: #fff;
}

.buy-radio-group input[type=radio] {
    display: none;
}

.buy-radio-group .radio-group-text {
    display: block;
    text-align: center;
    background-color: #fff;
    border-right: 1px solid #f7f7f7;
    border-bottom: 1px solid #f7f7f7;
    padding: 0 8px;
    box-sizing: border-box;
    position: relative;
}

.buy-radio-group input[type=radio]:checked+.radio-group-text {
    background-color: #26b1ea;
}

.buy-radio-group .radio-group-text>span {
    white-space: nowrap;
}

.buy-radio-group input[type=radio]:checked+.radio-group-text span {
    color: #fff;
}

.buy-radio-group .radio-group-text .hover {
    position: absolute;
    right: 18px;
    top: 0;
}

.help-expain {
    display: none;
    position: absolute;
    bottom: 85%;
    right: 0;
    line-height: 20px;
    color: #fff;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 20px;
    text-align: left;
    min-width: 200px;
    max-width: 240px;
    z-index: 99;
}

.buy-radio-group .radio-group-text .hover i:hover+.help-expain {
    display: block;
}


/* 模块2 */

.systemDisk {
    display: flex;
}

.project-rule-item {
    position: relative;
    min-width: 160px;
    line-height: 50px;
    text-align: center;
    border: 1px solid #f7f7f7;
    margin-left: -1px;
    background-color: #f3f5f9;
    font-size: 14px;
    color: #333;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    padding: 0 8px;
    box-sizing: border-box;
}

.show-value {
    background-color: #ffffff;
    color: #333;
    /* border-color: #e6e6e6; */
    cursor: initial!important;
}

.project-rule-item .ssd-unit {
    position: absolute;
    top: 0;
    right: 8px;
    font-size: 12px;
    color: #999;
}


/* 修改element-ui默认样式 */

.el-slider__runway {
    height: 50px;
    margin: 0;
}

.el-slider__bar {
    height: 50px;
}

.el-slider__marks-stop {
    height: 100%;
    width: 2px;
    border-radius: 0;
    background-color: #f7f7f7;
}

.el-slider__marks-text {
    margin-top: 0;
    margin-left: -50px;
}

.el-slider__button-wrapper {
    height: auto;
    width: auto;
    transform: none;
    top: 0;
}

.el-slider__button-wrapper::after {
    display: none;
}

.el-slider__button {
    display: block;
    /* width: 10px; */
    height: 59px;
    background-color: #fff;
    border: 1px solid #dbe0ec;
    position: absolute;
    right: 0;
    top: -5px;
    padding: 0 2px;
    cursor: move;
    border-radius: 0;
}

.el-slider__button::after,
.el-slider__button::before {
    content: '';
    display: inline-block;
    width: 1px;
    height: 70%;
    background-color: #dbe0ec;
    margin: 7px 2px;
}

.el-input-number__decrease,
.el-input-number__increase {
    position: absolute;
    right: 1px;
    display: block;
    width: 40px;
    border: 0;
    text-align: center;
    line-height: 25px;
    border-left: 1px solid #dbe0ec;
}

.el-input-number__increase {
    background: url(../img/bgshang_03.png);
    border-bottom: 1px solid #dbe0ec;
}

.el-input-number__decrease {
    left: auto;
    bottom: 0;
    top: auto;
    background: url(../img/bgxia_03.png);
    border-top: 1px solid #dbe0ec;
}

.el-input-number--small .el-input__inner {
    padding-left: 15px;
    padding-right: 80px;
    display: inline-block;
    border: 0;
    width: 100%;
    height: 50px;
    border-radius: 0;
    box-sizing: border-box;
    /* width: 180px; */
    font-size: 16px;
    color: #000;
}

.el-input-number .el-input::before {
    content: "GB";
    position: absolute;
    right: 35px;
    width: 50px;
    text-align: center;
    color: #9da2b0;
    top: 50%;
    transform: translateY(-50%);
}

.el-slider__input {
    width: 180px;
    margin-top: 0;
    margin-left: 40px;
    border: 1px solid #dbe0ec;
}

.el-slider__runway.show-input {
    margin-right: 200px;
}

.block {
    max-width: 925px;
    position: relative;
    padding: 5px;
}

.slider_parent {
    width: 100%;
}

.jian {
    width: 20px;
    height: 32px;
    position: absolute;
    right: -40px;
    top: 50%;
    transform: translateY(-50%);
    line-height: 1.5;
    cursor: pointer;
}

.buy-tips.tips-drak {
    color: #a4a4a4;
}

.orange {
    color: #ff8f46;
}

#app2 {
    position: relative;
}

.block+.tips-drak {
    position: absolute;
    right: 40px;
    top: 50%;
    transform: translateY(-50%);
}


/* 模块4 */

.form-inline {
    display: inline-block;
    vertical-align: top;
    width: 332px;
    height: 49px;
}

.spac10>* {
    padding: 5px;
}

.buy-select {
    position: relative;
}

.buy-select .buy-select-head {
    position: relative;
}

.buy-select .buy-input {
    cursor: pointer;
    background-position: calc(100% - 15px) center;
    background-repeat: no-repeat;
    background-size: 15px 15px;
    background: url(../img/sj_07.png) no-repeat center right 10px;
    padding-right: 30px;
}


/* .buy-select.active .buy-input {
    border: 1px solid #0096ff;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAKQ2lDQ1BJQ0MgcHJvZmlsZQAAeNqdU3dYk/cWPt/3ZQ9WQtjwsZdsgQAiI6wIyBBZohCSAGGEEBJAxYWIClYUFRGcSFXEgtUKSJ2I4qAouGdBiohai1VcOO4f3Ke1fXrv7e371/u855zn/M55zw+AERImkeaiagA5UoU8Otgfj09IxMm9gAIVSOAEIBDmy8JnBcUAAPADeXh+dLA//AGvbwACAHDVLiQSx+H/g7pQJlcAIJEA4CIS5wsBkFIAyC5UyBQAyBgAsFOzZAoAlAAAbHl8QiIAqg0A7PRJPgUA2KmT3BcA2KIcqQgAjQEAmShHJAJAuwBgVYFSLALAwgCgrEAiLgTArgGAWbYyRwKAvQUAdo5YkA9AYACAmUIszAAgOAIAQx4TzQMgTAOgMNK/4KlfcIW4SAEAwMuVzZdL0jMUuJXQGnfy8ODiIeLCbLFCYRcpEGYJ5CKcl5sjE0jnA0zODAAAGvnRwf44P5Dn5uTh5mbnbO/0xaL+a/BvIj4h8d/+vIwCBAAQTs/v2l/l5dYDcMcBsHW/a6lbANpWAGjf+V0z2wmgWgrQevmLeTj8QB6eoVDIPB0cCgsL7SViob0w44s+/zPhb+CLfvb8QB7+23rwAHGaQJmtwKOD/XFhbnauUo7nywRCMW735yP+x4V//Y4p0eI0sVwsFYrxWIm4UCJNx3m5UpFEIcmV4hLpfzLxH5b9CZN3DQCshk/ATrYHtctswH7uAQKLDljSdgBAfvMtjBoLkQAQZzQyefcAAJO/+Y9AKwEAzZek4wAAvOgYXKiUF0zGCAAARKCBKrBBBwzBFKzADpzBHbzAFwJhBkRADCTAPBBCBuSAHAqhGJZBGVTAOtgEtbADGqARmuEQtMExOA3n4BJcgetwFwZgGJ7CGLyGCQRByAgTYSE6iBFijtgizggXmY4EImFINJKApCDpiBRRIsXIcqQCqUJqkV1II/ItchQ5jVxA+pDbyCAyivyKvEcxlIGyUQPUAnVAuagfGorGoHPRdDQPXYCWomvRGrQePYC2oqfRS+h1dAB9io5jgNExDmaM2WFcjIdFYIlYGibHFmPlWDVWjzVjHVg3dhUbwJ5h7wgkAouAE+wIXoQQwmyCkJBHWExYQ6gl7CO0EroIVwmDhDHCJyKTqE+0JXoS+cR4YjqxkFhGrCbuIR4hniVeJw4TX5NIJA7JkuROCiElkDJJC0lrSNtILaRTpD7SEGmcTCbrkG3J3uQIsoCsIJeRt5APkE+S+8nD5LcUOsWI4kwJoiRSpJQSSjVlP+UEpZ8yQpmgqlHNqZ7UCKqIOp9aSW2gdlAvU4epEzR1miXNmxZDy6Qto9XQmmlnafdoL+l0ugndgx5Fl9CX0mvoB+nn6YP0dwwNhg2Dx0hiKBlrGXsZpxi3GS+ZTKYF05eZyFQw1zIbmWeYD5hvVVgq9ip8FZHKEpU6lVaVfpXnqlRVc1U/1XmqC1SrVQ+rXlZ9pkZVs1DjqQnUFqvVqR1Vu6k2rs5Sd1KPUM9RX6O+X/2C+mMNsoaFRqCGSKNUY7fGGY0hFsYyZfFYQtZyVgPrLGuYTWJbsvnsTHYF+xt2L3tMU0NzqmasZpFmneZxzQEOxrHg8DnZnErOIc4NznstAy0/LbHWaq1mrX6tN9p62r7aYu1y7Rbt69rvdXCdQJ0snfU6bTr3dQm6NrpRuoW623XP6j7TY+t56Qn1yvUO6d3RR/Vt9KP1F+rv1u/RHzcwNAg2kBlsMThj8MyQY+hrmGm40fCE4agRy2i6kcRoo9FJoye4Ju6HZ+M1eBc+ZqxvHGKsNN5l3Gs8YWJpMtukxKTF5L4pzZRrmma60bTTdMzMyCzcrNisyeyOOdWca55hvtm82/yNhaVFnMVKizaLx5balnzLBZZNlvesmFY+VnlW9VbXrEnWXOss623WV2xQG1ebDJs6m8u2qK2brcR2m23fFOIUjynSKfVTbtox7PzsCuya7AbtOfZh9iX2bfbPHcwcEh3WO3Q7fHJ0dcx2bHC866ThNMOpxKnD6VdnG2ehc53zNRemS5DLEpd2lxdTbaeKp26fesuV5RruutK10/Wjm7ub3K3ZbdTdzD3Ffav7TS6bG8ldwz3vQfTw91jicczjnaebp8LzkOcvXnZeWV77vR5Ps5wmntYwbcjbxFvgvct7YDo+PWX6zukDPsY+Ap96n4e+pr4i3z2+I37Wfpl+B/ye+zv6y/2P+L/hefIW8U4FYAHBAeUBvYEagbMDawMfBJkEpQc1BY0FuwYvDD4VQgwJDVkfcpNvwBfyG/ljM9xnLJrRFcoInRVaG/owzCZMHtYRjobPCN8Qfm+m+UzpzLYIiOBHbIi4H2kZmRf5fRQpKjKqLupRtFN0cXT3LNas5Fn7Z72O8Y+pjLk722q2cnZnrGpsUmxj7Ju4gLiquIF4h/hF8ZcSdBMkCe2J5MTYxD2J43MC52yaM5zkmlSWdGOu5dyiuRfm6c7Lnnc8WTVZkHw4hZgSl7I/5YMgQlAvGE/lp25NHRPyhJuFT0W+oo2iUbG3uEo8kuadVpX2ON07fUP6aIZPRnXGMwlPUit5kRmSuSPzTVZE1t6sz9lx2S05lJyUnKNSDWmWtCvXMLcot09mKyuTDeR55m3KG5OHyvfkI/lz89sVbIVM0aO0Uq5QDhZML6greFsYW3i4SL1IWtQz32b+6vkjC4IWfL2QsFC4sLPYuHhZ8eAiv0W7FiOLUxd3LjFdUrpkeGnw0n3LaMuylv1Q4lhSVfJqedzyjlKD0qWlQyuCVzSVqZTJy26u9Fq5YxVhlWRV72qX1VtWfyoXlV+scKyorviwRrjm4ldOX9V89Xlt2treSrfK7etI66Trbqz3Wb+vSr1qQdXQhvANrRvxjeUbX21K3nShemr1js20zcrNAzVhNe1bzLas2/KhNqP2ep1/XctW/a2rt77ZJtrWv913e/MOgx0VO97vlOy8tSt4V2u9RX31btLugt2PGmIbur/mft24R3dPxZ6Pe6V7B/ZF7+tqdG9s3K+/v7IJbVI2jR5IOnDlm4Bv2pvtmne1cFoqDsJB5cEn36Z8e+NQ6KHOw9zDzd+Zf7f1COtIeSvSOr91rC2jbaA9ob3v6IyjnR1eHUe+t/9+7zHjY3XHNY9XnqCdKD3x+eSCk+OnZKeenU4/PdSZ3Hn3TPyZa11RXb1nQ8+ePxd07ky3X/fJ897nj13wvHD0Ivdi2yW3S609rj1HfnD94UivW2/rZffL7Vc8rnT0Tes70e/Tf/pqwNVz1/jXLl2feb3vxuwbt24m3Ry4Jbr1+Hb27Rd3Cu5M3F16j3iv/L7a/eoH+g/qf7T+sWXAbeD4YMBgz8NZD+8OCYee/pT/04fh0kfMR9UjRiONj50fHxsNGr3yZM6T4aeypxPPyn5W/3nrc6vn3/3i+0vPWPzY8Av5i8+/rnmp83Lvq6mvOscjxx+8znk98ab8rc7bfe+477rfx70fmSj8QP5Q89H6Y8en0E/3Pud8/vwv94Tz+4A5JREAAAAZdEVYdFNvZnR3YXJlAEFkb2JlIEltYWdlUmVhZHlxyWU8AAADhGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxMzggNzkuMTU5ODI0LCAyMDE2LzA5LzE0LTAxOjA5OjAxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtbG5zOnhtcD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wLyIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjBkM2VkYTExLTgwOTMtNTg0Yy1iYTMxLTRhMzUwN2I2MDAyYyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo3MDZEQUM1QjBERTIxMUVCQjgzQkZERUU2RjlEOEMwNSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3MDZEQUM1QTBERTIxMUVCQjgzQkZERUU2RjlEOEMwNSIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNyAoV2luZG93cykiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpiODAzNjliNi1hNTMxLTIzNDQtODZiZC1hNWE5YjI3YmZhZmIiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDo2ZjJhOTlkNS0wZGUxLTExZWItOTk1OS1kN2JlZWJiZmMyMmUiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5q2zAXAAAAT0lEQVR42mL8//8/Az7AxEAAsIAIZ98oEMUIxMuAGGRkNIjeu3kZRAEUNAJxBJR9H4irka2IBOIaJMWVUFPgClqhVsAAI9REBkaKfQEQYABFsxDxYVkA+AAAAABJRU5ErkJggg==);
} */

.buy-select .buy-select-body {
    border: 1px solid #dbe0ec;
    width: 100%;
    max-height: 200px;
    overflow-y: auto;
    display: none;
    position: absolute;
    background-color: #fff;
    box-sizing: border-box;
    z-index: 9;
}

.buy-select.active .buy-select-body {
    display: block;
}

.buy-input {
    display: inline-block;
    border: 1px solid #26b1ea;
    width: 100%;
    height: 50px;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
    color: #747474;
}

.system-icon {
    text-indent: 35px;
    background: url(/static/index/new_buy/img/server-icon.png?v=1) no-repeat 15px 6px;
}

.system-icon.centos {
    background-position: 15px -114px;
}

.system-icon.windows {
    background-position: 15px 6px;
}

.system-icon.debian {
    background-position: 15px -84px;
}

.system-icon.ubuntu {
    background-position: 15px -24px;
}

.buy-select .buy-select-body li {
    padding: 0 10px;
    border-bottom: 1px solid #dbe0ec;
    cursor: pointer;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


/* 模块5 购买量 */

.buy-month {
    width: 100%;
    display: inline-block;
    user-select: none;
}

.buy-month ul {
    display: flex;
    flex-wrap: wrap;
}

.buy-month li {
    width: 90px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    position: relative;
    border: 1px solid #26b1ea;
    box-sizing: border-box;
    margin-left: 2px;
}

.buy-month li.active {
    background-color: #0096ff;
    color: #fff;
}

.tag-discount {
    width: 18px;
    height: 20px;
    position: absolute;
    right: 0;
    top: 0;
    line-height: initial;
}

.tag-discount .cls-1 {
    fill: #ff7b05;
    fill-rule: evenodd;
}

.tag-discount .cls-2 {
    font-size: 12px;
    fill: #fefefe;
    text-anchor: middle;
    font-family: "Microsoft YaHei";
}

.buy-counter {
    width: 180px;
    position: relative;
}

.buy-counter .buy-input {
    padding-left: 15px;
    padding-right: 80px;
}

.buy-counter .buy-counter-plus,
.buy-counter .buy-counter-minus {
    position: absolute;
    right: 0;
    display: block;
    width: 30px;
    text-align: center;
    line-height: 18px;
    border-left: 1px solid #dbe0ec;
}

.buy-counter .buy-counter-plus {
    top: 1px;
    border-bottom: 1px solid #dbe0ec;
}

.buy-counter .buy-counter-minus {
    bottom: 0;
}

.buy-counter .buy-counter-unit {
    position: absolute;
    right: 35px;
    width: 50px;
    text-align: center;
    color: #9da2b0;
}

#num .el-input-number .el-input::before {
    content: "台";
}

#num .el-input-number .el-input input {
    text-align: left;
}

.el-input-number.is-controls-right .el-input__inner {
    border-radius: 0;
}

.yun {
    padding: 60px 0 105px;
}

.erji_yun {
    padding-top: 115px;
}

.erji_yun .container {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.erji_yun .container a {
    width: 180px;
    height: 67px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 8px;
    border-radius: 5px;
    background: linear-gradient( to bottom, #4760ff, #0dccff) no-repeat;
    background: -webkit-linear-gradient( top, #4760ff, #0dccff) no-repeat;
    padding: 1px;
}

.erji_yun .container a span {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    background-color: #fff;
    font-size: 20px;
    color: #4c4c4c;
    border-radius: 5px;
}

.erji_yun .container a.on span {
    background-color: rgba(0, 0, 0, 0);
    color: #fff;
}

.kuaidaifz .xian {
    width: 100%;
    height: 1px;
    background-color: #dcdcdc;
}

.kuaidaifz .jiage {
    margin-top: 35px;
    font-size: 16px;
    color: #484848;
    position: relative;
}

.kuaidaifz .jiage .zongjhui {
    font-size: 24px;
    color: #ff6600;
}

.kuaidaifz .jiage .jiesheng {
    font-size: 14px;
    color: #52cc9e;
    margin-left: 40px;
}

.kuaidaifz .jiage .jizhe {
    font-size: 14px;
    color: #ff8b42;
    margin-left: 40px;
}

.kuaidaifz .jiage a {
    font-size: 16px;
    color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    width: 154px;
    height: 50px;
    background-color: #26b1ea;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


/*  全国服务器租用 */

.ditu_qgfwq {
    margin-top: 90px;
}


/* 案例中心 */

.anli_zx .gy_ggbt {
    margin-bottom: 20px;
}

.anli_zx .dange_anli {
    padding: 70px 0 100px;
}

.anli_zx .dange_anli:nth-child(2n) {
    background-color: #f7f7f7;
}

.anli_zx .dange_anli .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.anli_zx .dange_anli .container .zuo {
    flex: 0 0 46.5%;
}

.anli_zx .dange_anli .container .you {
    flex: 0 0 47.8%;
}

.anli_zx .dange_anli .container .you img {
    width: 100%;
}

.anli_zx .dange_anli .container .zuo h5 {
    position: relative;
    font-size: 30px;
    color: #717171;
    font-weight: bold;
    padding-bottom: 30px;
}

.anli_zx .dange_anli .container .zuo h5::after {
    /* width: 80%;
    height: 1px;
    position: absolute;
    content: "";
    background-color: #8a8a8a;
    left: 0;
    bottom: 0; */
}

.anli_zx .dange_anli .container .zuo h5::before {
    width: 61px;
    height: 7px;
    position: absolute;
    content: "";
    background-color: #26b1ea;
    left: 0;
    bottom: -3px;
    z-index: 2;
}

.anli_zx .dange_anli .container .zuo h6 {
    font-size: 18px;
    color: #717171;
    margin-top: 40px;
    line-height: 45px;
}

.anli_zx .dange_anli .container .zuo a {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    font-size: 18px;
    width: 156px;
    height: 53px;
    color: #ffffff;
    background-color: #2f5597;
    margin-top: 94px;
}

.anli_zx .dange_anli:nth-child(2n) .container {
    display: -webkit-flex;
    /* Safari */
    -webkit-flex-direction: row-reverse;
    /* Safari 6.1+ */
    display: flex;
    flex-direction: row-reverse;
}

.anli_zx .dange_anli:nth-child(2n-1) .container .zuo {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    /* 换主轴方向 */
    flex-direction: column;
}

.anli_zx .dange_anli:nth-child(2n-1) .container .zuo h5 {
    text-align: right;
    width: 100%;
}

.anli_zx .dange_anli:nth-child(2n-1) .container .zuo h5::before {
    right: 0;
    left: auto;
}

.anli_zx .dange_anli:nth-child(2n-1) .container .zuo h5::after {
    right: 0;
    left: auto;
}

.anli_zx .dange_anli:nth-child(2n-1) .container .zuo h6 {
    /* text-align: right; */
}

@media only screen and (max-width:992px) {
    .anli_zx {
        padding: 50px 0 0;
    }
    .anli_zx .dange_anli .container .zuo {
        flex: 0 0 100%;
    }
    .anli_zx .dange_anli .container .you {
        flex: 0 0 100%;
        margin-top: 30px;
    }
    .anli_zx .dange_anli {
        padding: 30px 0 50px;
    }
    .anli_zx .dange_anli .container .zuo h5 {
        font-size: 25px;
    }
    .anli_zx .dange_anli .container .zuo h5::before {
        height: 4px;
        bottom: -2px;
    }
    .anli_zx .dange_anli .container .zuo h5::after {
        width: 100%;
    }
    .anli_zx .dange_anli .container .zuo h5 {
        padding-bottom: 20px;
    }
    .anli_zx .dange_anli .container .zuo h6 {
        font-size: 18px;
        margin-top: 19px;
        line-height: 30px;
    }
    .anli_zx .dange_anli .container .zuo a {
        margin-top: 33px;
    }
}

@media only screen and (max-width:1200px) {
    .container {
        max-width: 100%;
        padding: 0 60px;
    }
}

@media only screen and (max-width:992px) {
    .container {
        max-width: 100%;
        padding: 0 30px;
    }
}

.e_m {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .9);
    z-index: 99999;
    display: none;
}

.e_m .n_r {
    width: 200px;
    padding: 10px;
    background-color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    text-align: center;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
}

.e_m .n_r img {
    width: 100%;
    height: auto;
    display: block;
}

.e_m .n_r p {
    font-size: 15px;
    color: #888;
    margin-top: 10px;
}

@media only screen and (max-width:1024px) {
    .e_m .n_r {
        width: 180px;
        padding: 15px;
    }
    .e_m .n_r p {
        font-size: 14px;
    }
}

@media only screen and (max-width:1200px) {
    .nei_xuni_ban .xuanfutiao {
        background: #1463ca;
        position: static;
        padding: 30px;
    }
    .nei_xuni_ban .xuanfutiao .dandu {
        max-width: 44%;
        flex: 0 0 44%;
        margin: 14px;
        justify-content: flex-start;
    }
    .cp_gg_nei {
        padding: 280px 0 100px;
    }
    .jianzhan_why01 {
        padding-top: 275px;
    }
    .jianzhan_why01 .zuoyou .dandu .xia .shij_uobuyi a {
        position: relative;
        width: 100%;
        height: 50px;
        margin-top: 30px;
    }
    .jianzhan_why01 .zuoyou .dandu .xia .shij_uobuyi {
        padding: 0;
        border: none;
    }
}

@media only screen and (max-width:1024px) {
    /* 解决方案 */
    .cp_gg_nei .qiehuantou_j .dandu {
        flex: 0 0 48%;
        margin-bottom: 15px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_01 h6 {
        font-size: 18px;
        margin-top: 10px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_02 p,
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_02 p:nth-child(2) {
        font-size: 18px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .shuz {
        font-size: 18px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .youhui_ds {
        font-size: 18px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .youhui_ds span {
        width: 32px;
        height: 32px;
        font-size: 16px;
        line-height: 32px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .xia {
        height: 74px;
    }
    .cp_gg_nei {
        padding: 280px 0 50px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 .d_g h5,
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_03 .d_g h6 {
        font-size: 18px;
    }
    .cp_gg_nei .qiehuanbody_j .dandu .zuoyou .zuo .shang .shan_04 .sbj {
        width: 186px;
        height: 35px;
    }
    .section-a1 p.line {
        line-height: 1.5;
        margin-bottom: 15px;
    }
    .cp_gg_nei02 li {
        line-height: 1.2;
    }
    .cp_gg_ne03 .gongneg_qiehuan .qie_tou .dange {
        margin-bottom: 20px;
    }
    .cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige h6 {
        line-height: 30px;
    }
    /* 服务器租用企业版 */
    .n1712_idc_blockbg .dange.diyige {
        flex: 0 0 100%;
    }
    .n1712_idc_blockbg .qiehuantou {
        flex: 0 0 100%;
        align-items: initial;
    }
    .n1712_idc_blockbg .qiehuantou .dange {
        flex: 0 0 50%;
        padding: 30px;
        height: auto;
        text-align: center;
        flex-direction: column;
        justify-content: flex-start;
    }
    .n1712_idc_blockbg .qiehuantou .dange .yy {
        margin-left: 0;
    }
    .zyprolist li.zypronor {
        flex: 0 0 100%;
        margin-bottom: 30px;
    }
    .idc_onebg img {
        max-width: 100%;
    }
    .idc_onebg .idc_onecont {
        padding: 60px 30px;
    }
    .sy_mker .youshi .dange {
        flex: 0 0 25%;
    }
    .jiucuo_zuoyopu,
    .idc_threebg {
        height: auto;
    }
    .jiucuo_zuoyopu .zuo,
    .idc_threecont1 {
        flex: 0 0 100%;
        padding: 60px 30px;
    }
    .jiucuo_zuoyopu .you {
        flex: 0 0 100%;
        height: 400px;
    }
    .tongji {
        position: static;
    }
    .idc_six_img span {
        left: 247px;
    }
    .idc_six_img i {
        left: 442px;
        width: max-content;
        color: #fff;
        text-shadow: 0 0 3px rgb(0 0 0 / 70%);
    }
    .shang_shaoi {
        top: 0;
        margin-top: 30px;
    }
    .zuotu_yw .container .zuo,
    .zuotu_yw .container .you {
        flex: 0 0 100%;
    }
    .zuotu_yw .container .you {
        margin-top: 30px;
    }
    .idc_eightbg {
        height: auto;
    }
    .idc_eightcont {
        width: 100%;
        padding: 60px 30px;
    }
    .idc_eight_tit {
        line-height: 1.3;
    }
    .idc_ninebg .container .idc_nine_right,
    .idc_ninebg .container .idc_nine_left {
        flex: 0 0 100%;
    }
    .jiushijiu_dian9 .zuoyou .dange {
        flex: 0 0 49%;
        margin-top: 40px;
        justify-content: flex-start;
    }
    .chuz_zhoing .zuoyou .dange {
        flex: 0 0 48%;
        margin: 0 1%;
        margin-bottom: 35px;
    }
    .idc_fifteenbg .chaoguo_ban {
        overflow: hidden;
    }
    /* 高仿加速 */
    .strength-section1 {
        width: 49%;
        margin-bottom: 16px;
        display: flex;
        flex-direction: column;
        align-items: center;
        text-align: center;
    }
    .strength-section1 .detail {
        width: 100%;
    }
    .strength-section1 .detail .fz16 {
        margin-top: 5px;
    }
    .section-a1 li {
        flex: 0 0 48%;
    }
    .section-cj .zuo,
    .section-cj .you {
        flex: 0 0 100%;
        max-width: 100%;
    }
    /* 解决方案2 */
    .jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .zuo,
    .jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you {
        flex: 0 0 100%;
    }
    .jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a {
        flex: 0 0 49%;
        font-size: 20px;
    }
    .jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a img {
        width: 27px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you,
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo {
        flex: 0 0 100%;
        margin-bottom: 30px;
        height: auto;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo::after {
        display: none;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu {
        padding: 30px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang {
        margin-top: 20px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you .kuang {
        height: auto;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi {
        flex-wrap: wrap;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi .kuang {
        padding: 0 15px;
        flex: auto;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi1,
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi2 {
        flex: 0 0 35%;
        margin-top: 15px;
    }
    /* 全球服务器 */
    .anli_zx .dange_anli .container .you {
        margin-bottom: 20px;
    }
    /* 首页 */
    .pc_ban .container {
        padding-top: 40px;
    }
    .pc_ban .container .zuo {
        flex: 0 0 45%;
        max-width: 45%;
    }
    .pc_ban .container h6 {
        line-height: 30px;
    }
    .pc_ban .container h5::after {
        width: 88%;
    }
    .pc_ban .swiper-pagination .swiper-pagination-bullet {
        display: none;
    }
    .sy_mkyi .zuoyou .dange {
        flex: 0 0 48%;
    }
    .sy_mksi .container .you,
    .sy_mksi .container .zuo {
        flex: 0 0 100%;
        max-width: 100%;
    }
    .sy_mksi .container .zuo {
        margin-bottom: 30px;
    }
    .sy_news_row li {
        margin-top: 20px;
    }
    /* 域名 */
    .nei_ban .yu_miangcx .sousuo_ym input {
        padding: 15px;
        height: 75px;
    }
    .nei_ban .yu_miangcx .sousuo_ym {
        width: 100%;
    }
    .nei_ban .yu_miangcx .sousuo_ym button {
        font-size: 20px;
    }
    .tuij_cp02 .zuoyou {
        align-items: inherit;
    }
    .nei_ban .yu_miangcx .sousuo_ym .dian {
        font-size: 21px;
        padding: 0 3px;
    }
    .nei_ban .yu_miangcx .sousuo_ym .dian img {
        width: 10px;
    }
    .tuij_cp02 .zuoyou .dange {
        flex: 0 0 100%;
        margin-bottom: 20px;
        max-width: 100%;
    }
    .tuij_jig03 {
        padding: 50px 0;
    }
    .zp_in_b {
        overflow-x: auto !important;
        padding-bottom: 10px;
    }
    .zp_in_b::-webkit-scrollbar {
        /*滚动条整体样式*/
        height: 4px;
    }
    .zp_in_b::-webkit-scrollbar-thumb {
        /*滚动条里面小方块*/
        background: #535353;
    }
    .zp_in_b::-webkit-scrollbar-track {
        /*滚动条里面轨道*/
        background: #ededed;
    }
    .zp_in_b table {
        width: 1200px;
    }
    /* 购买云 */
    .erji_yun {
        padding-top: 250px;
    }
    .erji_yun .container {
        justify-content: center;
    }
    .erji_yun .container a {
        flex: 0 0 30%;
        width: auto;
        max-width: 30%;
        margin: 13px 1.5%;
    }
    .buy-tips {
        line-height: 1.3;
    }
    .el-slider {
        display: flex;
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .el-slider__runway.show-input {
        width: 100%;
        margin: 0;
    }
    .el-slider__input {
        margin-left: 0;
        margin-top: 10px;
    }
    .jian {
        right: 0;
        top: 71%;
    }
    .block+.tips-drak {
        position: absolute;
        right: 40px;
        top: 77%;
        transform: translateY(-50%);
    }
    .form-inline {
        width: 220px;
    }
    .kuaidaifz .jiage .jizhe {
        margin-left: 25px;
    }
    .buy-radio-group .buy-radio-item {
        min-width: 148px;
    }
    .header .an span {
        background-color: #fff;
    }
    /* 智能建站 */
    .jianzhan_why01 {
        padding-top: 260px;
    }
    .chanp_gg .zuoyou .dange,
    .jianzhan_why01 .zuoyou .dandu {
        flex: 0 0 100%;
        margin-bottom: 25px;
    }
    .jianzhan_why01 .zuoyou .dandu .xia h5 {
        font-size: 24px;
    }
    .jianzhan_why01 .zuoyou .dandu .sahng h6 {
        font-size: 18px;
    }
    .jianzhan_why01 .zuoyou .dandu .sahng h5 {
        font-size: 30px;
    }
    .chanp_zz2 .zuoyou .dange {
        flex: 0 0 48%;
    }
    .chanp_zz4 .xia_zuoyou .you,
    .chanp_zz4 .xia_zuoyou .zuo,
    .chan0_tmb3 .zuoyou .you,
    .chan0_tmb3 .zuoyou .zuo {
        flex: 0 0 100%;
    }
    .chan0_tmb3 .zuoyou .you {
        margin-top: 30px;
    }
    .chanp_zz5 .zuoyouxia {
        margin-top: 100px;
        padding: 0;
        flex-direction: column;
    }
    .chan0_tmb3 .zuoyouxia .dange {
        margin-bottom: 25px;
    }
    .chanp_zz5 .zuoyouxia .dange .y h5 {
        font-size: 24px;
    }
    .chanp_zz5 .zuoyouxia .dange .y h6 {
        font-size: 18px;
    }
    .chanp_zz6 .zuoyou .dange {
        flex: 0 0 49%;
        margin: 0;
    }
    .chanp_zz6 .zuoyou .dange:nth-child(-n+2) {
        margin-top: 70px;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width:1670px) {
    .tongji {
        right: 161px;
    }
}

@media only screen and (max-width:1660px) {
    .tongji {
        right: 5%;
    }
    .idc_threecont1 {
        padding-left: 169px;
    }
    .jiucuo_zuoyopu .zuo {
        padding-left: 169px;
    }
}

@media only screen and (max-width:1500px) {
    .idc_six_img span {
        top: 396px;
    }
    .idc_six_img i {
        top: 529px;
    }
}

@media only screen and (max-width:1430px) {
    .n1712_idc_blockbg .dange {
        padding: 0 12px;
    }
    .zypropz {
        padding: 20px;
    }
    .strength-section1 .detail {
        width: 68%;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo::after {
        right: -65px;
    }
}

@media only screen and (max-width:1360px) {
    .sy_mkwu .lunbo_qyzz .swiper-button-next,
    .sy_mkwu .lunbo_qyzz .swiper-button-prev {
        display: none;
    }
}

@media only screen and (max-width:1250px) {
    .idc_threecont1 {
        padding-left: 50px;
    }
    .jiucuo_zuoyopu .zuo {
        padding-left: 50px;
    }
}

@media only screen and (max-width:1230px) {
    .n1712_idc_blockbg .qiehuantou .dange .yy {
        flex: 0 0 100%;
    }
    .chagebdrt {
        width: 100%;
    }
    .block+.tips-drak {
        top: 109%;
    }
}

@media only screen and (max-width:1200px) {
    .sy_mkyi .zuoyou .dange {
        flex: 0 0 31%;
    }
    .pc_ban .container h6 {
        font-size: 24px;
    }
    .idc_onecont {
        padding-top: 80px;
    }
    .strength-section1 .detail {
        width: 100%;
    }
    .jj_fan2 .qiehuan_jj .qiehuan_body .dandu .neirong .you h6 a {
        flex: 0 0 49%;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo {
        flex: 0 0 46%;
        margin-top: 30px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo:nth-child(2)::after {
        display: none;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo:nth-child(3) {
        flex: 0 0 81%;
    }
    .fanganyou_shi .row .neiromh {
        min-height: 228px;
    }
}

@media only screen and (max-width:1100px) {
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo::after {
        right: -57px;
    }
}

@media only screen and (max-width:992px) {
    .chanp_zz6 .zuoyou .dange h6 {
        font-size: 18px;
    }
    .chanp_zz5 {
        padding: 50px 0;
    }
    .chan0_tmb3 .zuoyouxia .dange {
        flex: 0 0 50%;
    }
    .chanp_zz5.chan0_tmb3 .zuoyouxia .dange .y h5 {
        text-align: left;
    }
    .chan0_tmb3 .zuoyouxia .dange {
        justify-content: center;
    }
    .chan0_tmb3 .zuoyouxia .dange .y h5 {
        text-align: center;
        margin-top: 30px;
    }
    .chan0_tmb3 .zuoyouxia .dange .y h6 {
        font-size: 18px;
    }
    .chanp_gg .zuoyou .dange .xia_nr .dan_du h5 {
        font-size: 20px;
    }
    .buy-radio-group .radio-group-text>span,
    .buy-tips.tips-drak {
        font-size: 18px;
    }
    .buy-radio-group .radio-group-text .hover {
        right: 7px;
    }
    .block+.tips-drak {
        top: 72%;
    }
    .n1712_idc_blockbg .qiehuantou .dange h4 {
        font-size: 18px;
    }
    .n1712_idc_blockbg .qiehuantou .dange .yy {
        flex: none;
        margin-top: 20px;
    }
    .zyprice span {
        font-size: 18px;
    }
    .price_float {
        font-size: 18px;
    }
    .chagebdrt li {
        font-size: 18px;
    }
    .zypropz li.liangduan a {
        font-size: 18px;
    }
    .chagebdrt .s_pro_more a {
        font-size: 18px;
    }
    .idc_one_tit {
        font-size: 30px;
    }
    .sy_ggbt h5 {
        font-size: 30px;
    }
    .idc_threecont1 h1 {
        font-size: 30px;
        line-height: 43px;
    }
    .idc_threecont1 h5 {
        font-size: 20px;
        margin-top: 30px;
    }
    .idc_three_icon li img {
        filter: none;
    }
    .idc_four_tit {
        font-size: 30px;
    }
    .idc_fourbg {
        height: auto;
        padding: 50px 0;
    }
    .idc_four_tit strong {
        font-size: 20px;
    }
    .jiucuo_zuoyopu .zuo h5 {
        font-size: 30px;
    }
    .jiucuo_zuoyopu .zuo h6 {
        margin-top: 30px;
    }
    .idc_sixbg {
        padding: 50px 0;
    }
    .idc_six_tit {
        font-size: 30px;
        line-height: 47px;
    }
    .idc_six_img,
    .idc_six_img i {
        left: 0;
    }
    .idc_six_img img {
        width: 100%;
    }
    .idc_six_img span img {
        display: none;
    }
    .idc_six_img i {
        color: #606060;
        font-size: 18px;
        position: static;
        text-align: center;
        display: block;
        margin: 30px auto;
    }
    .idc_six_img {
        margin-top: 30px;
    }
    .tongji img {
        width: 100%;
    }
    .idc_six_icon ul li {
        flex: 0 0 33%;
        margin-top: 30px;
    }
    .idc_six_icon ul {
        justify-content: center;
    }
    .idc_six_icon li span {
        font-size: 18px;
    }
    .zuotu_yw {
        padding: 50px 0;
    }
    .zuotu_yw .container .zuo h5 {
        font-size: 30px;
        line-height: 43px;
    }
    .zuotu_yw .container .zuo h6 {
        margin-top: 23px;
    }
    .idc_eight_tit {
        font-size: 30px;
    }
    .idc_eight_txt {
        font-size: 19px;
    }
    .idc_ninebg {
        padding: 50px 0;
    }
    .idc_nine_txt {
        font-size: 18px;
    }
    .jiushijiu_dian9 {
        padding: 50px 0;
    }
    .jiushijiu_dian9 .biaoti {
        font-size: 30px;
    }
    .jiushijiu_dian9 .zuoyou .dange h6 {
        font-size: 18px;
    }
    .jiushijiu_dian9 .zuoyou .dange {
        flex: 0 0 100%;
        margin-top: 30px;
    }
    .idc_elevenbg {
        padding: 50px 0;
    }
    .idc_eleven_tit {
        font-size: 30px;
    }
    .idc_eleven_txt {
        font-size: 19px;
        margin-top: 30px;
    }
    .chuz_zhoing {
        padding: 50px 0;
    }
    .chuz_zhoing .zuoyou .dange {
        flex: 0 0 100%;
        margin: 0;
        margin-top: 40px;
    }
    .chuz_zhoing .zuoyou .dange h6 {
        font-size: 19px;
    }
    .chuz_zhoing .zuoyou {
        margin-top: 0;
    }
    .lan_yibai_tiao {
        padding: 50px 0;
    }
    .idc_fifteenbg {
        padding: 50px 0;
    }
    .idc_fifteen_tit {
        font-size: 30px;
    }
    .idc_fifteenbg .chaoguo_ban .neirong {
        box-shadow: none;
    }
    .idc_fifteenbg .chaoguo_ban .neirong .xia h6 {
        font-size: 18px;
        line-height: 37px;
    }
    .strength-section1 .detail .fz14 {
        font-size: 18px;
    }
    .strength-box {
        padding: 25px 0 10px;
    }
    .buy-sale .section-header h1 {
        font-size: 30px;
    }
    .section-header p {
        font-size: 18px;
    }
    .buy-detail .buy-name {
        font-size: 21px;
    }
    .buy-detail .buy-des {
        font-size: 18px;
    }
    .buy-detail .icon {
        font-size: 18px;
        width: 52px;
        line-height: 27px;
    }
    .gf-box .btn.active {
        font-size: 18px;
        height: 38px;
        width: 121px;
    }
    .section-header h1 {
        font-size: 30px;
    }
    .section-header {
        margin-bottom: 0;
    }
    .section-a1 li {
        flex: 0 0 100%;
    }
    .section-body span {
        font-size: 18px;
        line-height: 30px;
    }
    .section-cq {
        padding: 50px 0;
    }
    .gf-box .section-body .box ul li {
        flex: 0 0 100%;
    }
    .gf-box .section-body .box ul li .dange_xia {
        font-size: 18px;
        line-height: 31px;
    }
    .gf-box .section-body .box ul li .dange_hsadj {
        font-size: 21px;
    }
    .section-cj .you {
        margin-top: 30px;
    }
    .jj_fan2 {
        padding: 50px 0;
    }
    .jj_fan3 {
        padding: 50px 0;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo {
        flex: 0 0 100%;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang .z .bt {
        font-size: 20px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo .kuang .z .xi {
        font-size: 18px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .zuo:nth-child(3) {
        flex: 0 0 100%;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_shang .you .kuang h4 {
        font-size: 20px;
    }
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi1,
    .jj_fan3 .qiehuan_jj .qiehuan_body .dandu .neirong_xia .xia_suanshi a.dzhi2 {
        margin: 20px;
    }
    .fanganyou_shi {
        padding: 50px 0;
    }
    .fanganyou_shi .row {
        margin-top: 0;
    }
    .fanganyou_shi .shang_qyal {
        margin-top: 50px;
    }
    .fanganyou_shi .qy_alnr h5 {
        font-size: 19px;
        line-height: 38px;
    }
    .sy_mksan #container {
        height: 500px;
    }
    .anli_zx .dange_anli:nth-child(2n-1) .container .zuo h5 {
        text-align: center;
    }
    .anli_zx .dange_anli:nth-child(2n-1) .container .zuo h5::before {
        left: 50%;
        transform: translateX(-50%);
    }
    .anli_zx .dange_anli .container .zuo h5 {
        text-align: center;
    }
    .anli_zx .dange_anli .container .zuo h5::before {
        left: 50%;
        transform: translateX(-50%);
    }
    .sy_mkyi {
        padding: 50px 0;
    }
    .sy_mkyi .zuoyou .dange {
        flex: 0 0 48%;
    }
    .sy_mkyi .zuoyou .dange .xia h6 {
        font-size: 18px;
        line-height: 35px;
    }
    .sy_mkyi .zuoyou .dange .xia {
        padding: 50px 30px 30px;
    }
    .sy_mkyi .zuoyou .dange .xia a {
        font-size: 18px;
    }
    .sy_mksi {
        padding: 50px 0;
    }
    .sy_mksi .container .you h6 {
        font-size: 18px;
        line-height: 37px;
    }
    .sy_mkwu {
        padding: 50px 0;
    }
    .sy_mkwu .lunbo_qyzz .cp_ban .xia h6 {
        font-size: 18px;
    }
    .sy_mkwu .lunbo_qyzz .cp_ban .xia h5 {
        font-size: 22px;
    }
    .sy_mkliu .hezuo_hb .dandu {
        flex: 0 0 49%;
    }
    .sy_news_img .sy_news_content h6 {
        font-size: 18px;
    }
    .cp_gg_nei02 {
        padding: 50px 0;
    }
    .cp_gg_nei02 li {
        margin-top: 38px;
    }
    .cp_gg_ne03 .gongneg_qiehuan .qie_body .dange .zuoyou .yige h6 {
        font-size: 18px;
    }
    .cp_gg_ne03 {
        padding: 50px 0;
    }
}


/* 首页地图 */















/*导航栏二级*/
.header .nav ul{position: relative;}
.header .nav ul li{position: static;}
.header .nav li .sub{position:absolute;top: 70px;left: 0;font-size: 0;white-space: nowrap;padding:0 40px;text-align:left;}
.header .nav li .sub>*{display: inline-block;vertical-align: top;}
.header .nav>ul>li .sub:before{content:'';display:block;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;position: absolute;top: -10px;opacity: 0;-webkit-transition:opacity .3s;transition: opacity .3s;}
.header .nav>ul>li.active .sub:before{opacity: 1}
.header .nav>ul>li.active:nth-child(1) .sub:before{border-bottom: 10px solid #7b7ee5;left: 4px;}
.header .nav>ul>li.active:nth-child(2) .sub:before{border-bottom: 10px solid #797fe6;left: 111px;}
.header .nav>ul>li.active:nth-child(3) .sub:before{border-bottom: 10px solid #7382e9;left: 247px;}
.header .nav>ul>li.active:nth-child(4) .sub:before{border-bottom: 10px solid #6388ef;    left: 367px;}
.header .nav>ul>li.active:nth-child(5) .sub:before{border-bottom: 10px solid #5e8af2;left: 484px;}
.header .nav>ul>li.active:nth-child(6) .sub:before{border-bottom: 10px solid #6687ee;left: 422px;}
.header .nav>ul>li.active:nth-child(7) .sub:before{border-bottom: 10px solid #6687ef;left: 735px;}
.header .nav>ul>li.active:nth-child(8) .sub:before{border-bottom: 10px solid #4594fd;left: 377px;}
.header .nav>ul>li.active:nth-child(9) .sub:before{border-bottom: 10px solid #4794fc;left: auto;right: 51px;}
.header .nav>ul>li.active:nth-child(6) .sub{
        left: 50%;
    transform: translateX(-50%);
}
.header .nav>ul>li.active:nth-child(8) .sub{
      left: 50%;
}
.header .nav li.drop .sub{right:0; left: auto}

.header  .sub{padding:40px 80px 40px 60px;background: -webkit-linear-gradient(to left, #4196fe,#7c7ee5);background: -webkit-linear-gradient(right, #4196fe,#7c7ee5);background: linear-gradient(to left, #4196fe,#7c7ee5);filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7c7ee5,endcolorstr=#4196fe,gradientType=1);}
.header  .sub,.sub *{-webkit-transition:all .3s;transition: all .3s;}
.header  .sub p{font-size: 15px;font-weight: bold;line-height: 30px;}
.header  .sub dl{margin-right: 30px;height: 0;overflow: hidden}
.header  .sub dt{position: relative;margin-bottom: 10px;}
.header  .sub dt i{font-size: 22px;position: absolute;top: 3px;left: 0;}
.header  .sub dt p{padding-left: 10px;color:#fff}
.header  .sub dt,.sub dd{padding-left: 40px;}
.header  .sub dd{position: relative;z-index:2}
.header  .sub dd a{color:#fff;display: block;padding: 0 10px;min-width: 105px;line-height: 30px;font-size: 14px;margin-bottom: 10px;}
.header  .sub dd:hover a{color:#797fe6}
.header  .sub dd:before{z-index:-1;content:'';display:block;width: 0;height: 30px;background-color: #fff;position: absolute;left: 30px;top:0;-webkit-transition:width .3s;transition: width .3s}
.header  .sub dd:hover:before{width: 100%;}
.header  .sub .nav-desc-container{width: 315px;overflow: hidden;height: 0}
.header  .sub .nav-desc-container p{margin-bottom: 15px;padding-bottom: 10px;border-bottom: 1px solid #6da2f7;color:#fff}
.header  .sub .nav-desc-container span{font-size: 14px;display: block;text-align: justify;line-height: 28px;white-space: normal;color:#fff}

.header  .nav>ul>li.active>a:before{opacity: 1}
.header  .nav>ul>li.active .sub{padding: 30px 80px 30px 60px;}
.header  .nav>ul>li.active .sub dl{height: auto;}
.header  .nav>ul>li.active .sub .nav-desc-container{height: auto}
.header .sub dt, .sub dd{
    padding-left: 0;
}
.header .sub dd:before{
    left: 0;
}

.zuoyou_y .nav ul li:nth-child(3) .sub dl{
    column-count: 2;
}

@media screen and (max-width: 1090px){
.header .nav ul li{
        margin-right: 49px;
}

}
@media screen and (max-width: 1023px) {
    .zuoyou_y .nav ul li:nth-child(3) .sub dl{
    column-count: 1;
}
.header .nav>ul>li.active:nth-child(6) .sub{
    left: 0%;
    transform: translateX(0);
}
    
    .header .nav>ul>li.active:nth-child(8) .sub:before{border-bottom: 10px solid #4594fd;left: 462px;}
    .header .nav>ul>li.active:nth-child(8) .sub{
            left: 41%;
    }
       .header .nav ul .sub{
               position: static;
    white-space: normal;
       }
   .header .nav ul .sub,.header .nav ul .sub *{-webkit-transition:none;transition: none}
   .header .nav ul  .sub dt{padding:0 0;line-height: 40px;margin-bottom: 0;background-color: rgba(255,255,255,.1)}
   .header .nav ul  .sub dt p{line-height: 45px;font-size:18px}
   .header .nav ul  .sub dd{padding:0 40px}
   .header .nav ul  .sub dd:before{display: none}
   .header .nav ul  .sub dd a{margin-bottom: 0;line-height: 35px;font-size:16px}
   .header .nav ul  .sub dd:hover a{color:#fff}
   .header .nav ul  .sub dt i{left: 10px}

    .header .nav ul dt,.header .nav ul .sub dd{padding-left: 15px}
    .header .nav ul li .sub{padding:0 !important;}
    .header .nav ul dd a{min-width: 80px}
    .nav>ul>li .sub:before{display:none !important}
    
        .header  .nav li .sub{position: static;white-space: normal;display: none}
    .header  .nav li .sub>*{width: 100%}
    .header  .nav li .sub .nav-desc-container{display: none}
    .header  .nav li a:active{background-color: #5490ff;}
     .header  .nav>ul>li>a:before{bottom: 0}
     .header .nav>ul>li:nth-child(2)>a:before,.nav>ul>li:nth-child(4)>a:before{border-bottom:10px solid #6f96f2;display: none}

  .xia_top .zuoyou_y{
      padding: 0;
  }


}


/*新闻右侧*/
ul.catagory {
  
}
.catagory>li{
line-height: 60px;
    font-size: 20px;
    color: #389bfd;
    border-bottom: 1px dashed #e6e6e6;
      padding: 0 20px;
    transition: all .3s;
}
.catagory>li:hover{
        background-color: #fafafa;
}
.catagory>li:last-child{
    margin-bottom: 0;
    border-bottom: none;
}
.catagory>li a:hover{
    color:var(--main-color) !important;
}

.widget-title{
   line-height: 60px;
    color: #fff;
    font-size: 22px;
    background-color: #389bfd;
    padding: 0 20px;
}


/*新闻列表页*/
section.newscate  .card-body{
       min-height: 196px;
    display: flex;
    flex-direction: column;
}
section.newscate  .card-body .title{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    display: block;
    padding-bottom: 4px;
    margin-bottom: 4px;
    color: #000;
    font-weight: 500;
    font-size: 20px;
    line-height: 1.5;
}
section.newscate  .card-body .description{
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

section.newscate  .card-body .comment {
    color: var(--main-color) !important;
}

section.newscate  .card-body .list-unstyled{
    margin-top: auto;
}

section.newscate  .card-body  a:hover {
    color: var(--main-color) !important;
}
section.newscate  .card-body  .read-more{
    display: flex;
    align-items: center;
    
}

section.newscate  .card-body  .read-more:hover{
    margin-right: -8px
}

#search2  input[type=submit]{
    padding: 0 20px;
    background-color: var(--main-color);
    color: #fff;
    font-size: 16px;
    transition: all .3s;
}
#search2 input[type=submit]:hover{
    background-color: #0693cd;
}

/*新闻详情页*/


#new-content h3{
    font-size: 30px;
    line-height: 1.5;
}
#new-content .para-desc{
        margin-top: 4px;
    position: relative;
    min-height: 24px;
}




#searchform>div{
    display: flex;
    justify-content: space-between;
}

#searchform input[type=text]{
    flex: 1;
    border-right: none !important;
    border-radius: 0 !important;
    padding: 0 20px;
    height: 50px;
}


.blog-post{
    border-radius: 0;
}

#new-content  .news_show_content{
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    padding: 15px 0 20px;
}

/*新闻搜索页面*/
#search_form{
    display: flex;
    justify-content: center;
    width: 100%;
}
#search_form input[type=search]{
    width: 814px;
    height: 40px;
    background-color: #fff;
    border: 1px solid #eee;
    padding-left: 12px;
    line-height: 22px;
}

#search_form>div{
       justify-content: space-between;
    width: 100%; 
}

#newsearch_form>div{
    justify-content: space-between;
    width: 34%;
}


#search_form button{
    background: var(--main-color);
    padding: 5px 20px;
    color: #fff;
}

.boxes h3{
    font-size: 18px;
    margin-top: 7px;
}
.boxes .child-mb-30 .box{
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    padding: 20px;
}
.boxes .child-mb-30 .box .name{
    border-top: 1px solid #eee;
        padding-top: 20px;
}
.boxes .child-mb-30 .box img{
    max-height: 150px;
}

.news_contact {
    padding-top:50px;
    padding-bottom: 30px;
}

@media only screen and (max-width: 1024px){
    .newscontent .row,
    .newscate .container .row{
        flex-direction: column-reverse;
    }
    #search2 input[type=submit] {
    height: 50px;
    font-size: 18px;

    }
    #search_form>div {
        width: 100%;
    }
 
}




/*侧边栏*/

        /* 客服按钮 */
        .fix-qq .clear{
                overflow: initial;
                height: auto;
        }
        ul,
        li {
            list-style-type: none;
        }
        
        .fix-qq {
            position: fixed;
            top: 350px;
            right: 0;
            z-index: 99999;
        }
        
        .fix-wrap>ul>li {
            width: 60px;
            line-height: 60px;
            height: 60px;
            text-align: center;
            background-color: #222222;
            margin-bottom: 2px;
            position: relative;
        }
        
        .fix-wrap>ul>li.on,
        .fix-wrap>ul>li:hover {
            background-color: #4069eb
        }
        
        .fix-wrap>ul>li a {
            color: #fff;
             display: flex;
    height: 100%;
    align-items: center;
    /*line-height: 60px;*/
   justify-content: flex-start;
        }
       .fix-wrap .kf-help li a{
              justify-content: center;
        }
        /*.fix-wrap>ul>li.on .bubble-wrap,*/
        /*.fix-wrap>ul>li:hover .bubble-wrap {*/
        /*    display: block*/
        /*}*/
        
        .fix-wrap>ul>li>a {
           display: flex;
    height: 100%;
    align-items: center;
    /*line-height: 60px;*/
    justify-content: center;
        }
        
        .fix-wrap>ul>li>a>i {
            font-size: 28px
        }
        
        .fix-wrap>ul>li:first-child {
            border-top-left-radius: 4px;
            border-top-right-radius: 4px
        }
        
        .fix-wrap>ul>li:last-child {
            margin-bottom: 0;
            border-bottom-left-radius: 4px;
            border-bottom-right-radius: 4px
        }
        
        .fix-wrap>ul>li .bubble-wrap {
            position: absolute;
            top: 5px;
            right: 56px;
            line-height: 45px;
            text-align: left;
             overflow: hidden; 
            padding-right: 15px;
            padding-bottom: 15px;
             display: none 
        }
        
        .fix-wrap>ul>li .bubble {
            background-color: #222222;
            padding: 0 15px;
            white-space: nowrap;
            border-radius: 4px;
            color: #fff
        }
        
        .kf {
            z-index: 9999999999 !important;
        }
        
        .pop.kf {
            width: 684px;
            position: fixed;
            top: 50%;
            left: 50%;
            margin: -259px 0 0 -342px;
            z-index: 1000;
            background-color: #fff;
            border-radius: 4px;
        }
        
        .fix-wrap>ul>li .bubble-wrap.kf {
            width: 684px;
            position: fixed;
            top: 150px;
            z-index: 99;
        }
        
        .fix-wrap>ul>li .bubble-wrap.kf .bubble {
            background-color: #fff;
            padding: 0;
        }
        
        .fix-wrap>ul>li .bubble-wrap:after {
            content: '';
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 5px;
            border-color: transparent transparent transparent #222;
            position: absolute;
            right: 5px;
            top: 16px
        }
        
        .fix-wrap>ul>li .kf:after {
            display: none
        }
        /*.fix-wrap>ul>li .bubble>a{background-color: #fff;padding:5px 10px;border-radius: 20px;color:#588df4}*/
        
        .fix-wrap>ul>li .bubble>a>i {
            position: relative;
            top: 1px
        }
        
        .qq-item {
            position: relative
        }
        
        .qq-item .animate-bubble {
            display: block;
            width: 20px;
            height: 8px;
            border-radius: 10px;
            background-color: #fff;
            position: absolute;
            right: 2px;
            top: 10px
        }
        
        .qq-item .animate-bubble i {
            width: 2px;
            height: 2px;
            border-radius: 2px;
            display: block;
            position: absolute;
            top: 50%;
            -webkit-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            transform: translateY(-50%);
            background-color: #fff;
            -webkit-animation: dot 3s infinite;
            animation: dot 3s infinite
        }
        
        .qq-item .animate-bubble i:nth-child(1) {
            left: 4px;
            -webkit-animation-duration: 1s;
            animation-duration: 1s
        }
        
        .qq-item .animate-bubble i:nth-child(2) {
            left: 9px;
            -webkit-animation-delay: .3s;
            animation-delay: .3s;
            -webkit-animation-duration: 1.2s;
            animation-duration: 1.2s
        }
        
        .qq-item .animate-bubble i:nth-child(3) {
            left: 14px;
            -webkit-animation-delay: .6s;
            animation-delay: .6s;
            -webkit-animation-duration: 1.4s;
            animation-duration: 1.4s
        }
        
        @-webkit-keyframes dot {
            to {
                background-color: #222;
            }
        }
        
        @keyframes dot {
            to {
                background-color: #222;
            }
        }
        /*客服弹窗*/
        
        .kf-header {
            background-image: url(../static/picture/customer_service_title_bg.png);
            background-repeat: no-repeat;
            padding: 28px 40px
        }
        
        .kf-header>* {
            display: inline-block
        }
        
        .kf-header h1 {
            font-size: 22px;
            font-weight: normal;
            margin-right: 15px;
            line-height: 45px;
        }
        
        .kf-container {
            position: relative;
            padding: 20px 40px 30px
        }
        
        .mask {
            background-color: rgba(0, 0, 0, 0.6);
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 99999;
        }
        
        .kf-wrapper {
            color: #fff;
            box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
        }
        
        .kf-close {
            position: absolute;
            right: 15px;
            top: 15px;
        }
        
        .kf-close i {
            font-size: 22px;
            color: #fff
        }
        
        .kf .online,
        .kf .offline {
            
            width: 20px;
            height: 20px;
            background-size: 100% 100%;
           /* position: absolute;
            left: 0;
            top: 50%;
            margin-top: -10px*/
        }
        
        .kf .online {
            background-image: url(../static/picture/qq-online.png);
        }
        
        .kf .offline {
            background-image: url(../static/picture/qq-offline.png);
        }
        
        .offline-item span {
            color: #b4b9c1
        }
        
        .kf-title {
            font-weight: bold;
            font-size: 14px;
            color: #2a2a36;
            margin: 18px 0 0;
            text-align: left;
            line-height: 25px;
        }
        
        .kf-title:first-child {
            margin-top: 0
        }
        
        .kf-list li {
            margin: 4px 0;
            float: left;
            height: 30px;
            box-sizing: border-box;
            padding-left: 20px;
            position: relative
        }
        
        .kf-list li a {
            display: block;
            line-height: 30px;
        }
        
        .kf-list li span {
            display: inline-block;
            line-height: 20px;
            margin-left: 5px;
            color: #5f6069
        }
        
        .kf-list li:hover a span {
            color: #0096ff
        }
        
        .kf-sq {
            width: 429px;
            position: relative
        }
        
        .kf-sq:after {
            content: '';
            display: block;
            width: 1px;
            height: 80%;
            position: absolute;
            right: 22px;
            top: 10%;
            background-color: #eee
        }
        
        .kf-sq li {
            width: 33.33333%;
            text-align: left;
            position: relative
        }
        
        .kf-sq li span {
            position: relative;
            z-index: 2
        }
        
        .kf-sq li:hover:before {
            content: '';
            position: absolute;
            left: -8px;
            top: 0;
            height: 100%;
            width: 100px;
            background-color: #edeef2;
        }
        
        .kf-other {
            width: 158px;
        }
        
        .kf-help {
            margin-top: 10px;
        }
        
        .kf-help li {
            float: left;
            width: 189px;
            margin-right: 10px;
        }
        
        .kf-help li:last-child {
            margin-right: 0
        }
        
        .kf-help li a {
            display: block;
            color: #fff;
            line-height: 42px;
            background: -webkit-linear-gradient(to left, #25a5ff, #0096ff);
            background: -webkit-linear-gradient(right, #25a5ff, #0096ff);
            background: linear-gradient(to left, #25a5ff, #0096ff);
            filter: progid: DXImageTransform.Microsoft.gradient(startcolorstr=#25a5ff, endcolorstr=#0096ff, gradientType=1);
            text-align: center
        }
        
        .kf-help li img {
            display: block;
        }
        
        .kf-help li i {
            font-size: 26px;
            vertical-align: top
        }
        
        .kf-phone {
            font-size: 16px;
            color: #1a80ff;
            line-height: 1.6em;
        }
        
        .kf-wx {
            background-color: #edeef2;
            position: absolute;
            left: -8px;
            top: 100%;
            z-index: 9;
            padding: 10px;
            visibility: hidden;
            white-space: nowrap
        }
        
        .kf-wx>* {
            display: inline-block;
            vertical-align: top
        }
        
        .kf-wx-qrcode {
            width: 92px;
            margin-right: 6px;
        }
        
        .kf-wx-qrcode img {
            display: block;
            width: 92px;
            height: 92px;
        }
        
        .kf-wx-info>* {
            white-space: nowrap;
        }
        
        .kf-wx-info>b {
            display: block;
            line-height: 26px;
            color: #333
        }
        
        .kf-wx-info>p {
            line-height: 20px;
            color: #666
        }
        
        .kf-list li:hover .qq {
            background-color: #f2f2f2;
        }
        
        .kf-list li:hover .kf-wx {
            visibility: visible
        }
        
        .kf-sq li:nth-child(3n) .kf-wx {
            left: auto;
            right: 53px
        }
        
        .kf-sq li:nth-last-child(1) .kf-wx,
        .kf-sq li:nth-last-child(2) .kf-wx,
        .kf-sq li:nth-last-child(3) .kf-wx,
        .kf-sq li:nth-last-child(4) .kf-wx,
        .kf-sq li:nth-last-child(5) .kf-wx,
        .kf-sq li:nth-last-child(6) .kf-wx,
        .kf-sq li:nth-last-child(7) .kf-wx,
        .kf-sq li:nth-last-child(8) .kf-wx,
        .kf-sq li:nth-last-child(9) .kf-wx,
        .kf-sq li:nth-last-child(10) .kf-wx {
            top: auto;
            bottom: 100%
        }
        
        .records-mobile {
            display: none;
        }
        .fix-qq .fr .kf-list.clear,
        .fix-qq .kf-container>.clear{
            display: flex;
            flex-wrap: wrap;
        }
        .fix-qq .fr .kf-list.clear{
            padding-left: 0;
        }
        .fix-qq .fr .kf-list.clear>li{
            width: 100%;
        }
        
        
        
        @media only screen and (max-width:1024px){
            .sec-list li {
                flex: 0 0 49%;
                flex-wrap: nowrap;
                    align-items: flex-start;
            }
            .sec-list li .you {
                margin-left: 18px;
            }
            .sec-dot li:nth-child(-n+3){
                margin-bottom: 20px;
            }
            .fix-qq{
                /*display: none;*/
            }
            
        }
        
        
          .shouji_daphang {
            display: none;
        }
        
        @media only screen and (max-width:992px) {
            .shouji_daphang {
                display: block;
                padding: 0 40px;
                background-color: #32394A;
                position: relative;
                overflow: hidden;
            }
            .fuwuqi_erji {
                display: none;
            }
            .shouji_ej_dh .swiper-slide {
                line-height: 70px;
                font-size: 20px;
                color: #fff;
                text-align: center;
            }
            .shouji_daphang .swiper-button-next {
                height: 70px;
                color: #fff;
                top: 0;
                transform: translateY(0);
                margin-top: 0;
                width: 40px;
                right: 0;
                box-shadow: 0 0 10px #000;
                font-size: 20px;
                font-weight: bold;
            }
             .shouji_daphang .swiper-button-next i, .shouji_daphang .swiper-button-prev i{
                  font-size: 20px;
             }
            .shouji_daphang .swiper-button-prev {
                color: #fff;
                left: 0;
                height: 70px;
                top: 0;
                transform: translateY(0);
                margin-top: 0;
                width: 40px;
                box-shadow: 0 0 10px #000;
                font-size: 20px;
                font-weight: bold;
            }
            .shouji_daphang .on {
                color: #2983ff;
                border-bottom: 2px solid #2983ff;
            }
            .fix-wrap>ul>li .bubble-wrap.kf{
                
            width: 560px;
            }
            .kf-header{
                    padding: 8px 40px;    background-size: cover;
            }
            .kf-sq{
                    width: 100%;
            }
            .kf-other{
                  width: 100%;
            }
            
            .kf-title{
                    font-size: 22px;margin: 18px 0 ;
            }
            .kf-sq:after{
                display: none;
            }
            
            .kf-title:first-child{
                margin-top: 18px;
            }
            
            .kf-list li span{
                font-size: 20px;
            }
            .kf-help li{
                width: 144px;
            }
            .fix-wrap .kf-help li a{
                    font-size: 18px;
            }
        }
        @media only screen and (max-width:1600px){
            .fix-wrap>ul>li .bubble-wrap.kf{
                     top: 0;
                    bottom: auto;
}
        }
        
        
        
.shiou_ji_dt {
    display: none;
}

@media only screen and (max-width:992px) {
    .quangfuo_ffq {
        display: none;
    }
    .shiou_ji_dt {
        display: block;
    }
    .shiou_ji_dt {
        padding: 50px 0 0;
    }
    .shiou_ji_dt .container {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
    }
    .shiou_ji_dt .container .dange_aa {
        flex: 0 0 100%;
    }
    .shiou_ji_dt .container .dange_aa .yiji_bg {
        padding: 10px 0;
        font-size: 22px;
        font-weight: bold;
        color: #000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        border-bottom: 1px solid #cacaca;
    }
    .shiou_ji_dt .container .dange_aa .yiji_bg i {
        font-size: 34px;
    }
    .chengshi {
        display: none;
    }
    .shiou_ji_dt li {
        display: none;
        color: #000;
        font-size: 20px;
        padding: 0 10px;
    }
    .shiou_ji_dt li .sanj_ji {
        display: flex;
        justify-content: space-between;
        align-items: center;
        flex-wrap: wrap;
        line-height: 70px;
        border-bottom: 1px solid #cacaca;
    }
    .shiou_ji_dt li i {
        font-size: 30px;
    }
    .chengshi {
        padding: 0 10px;
    }
    .shiou_ji_dt li .diming {
        font-size: 18px;
        line-height: 60px;
        border-bottom: 1px solid #cacaca;
    }
}
/*xinjia_fuzhis*/
.xinjia_fuzhis .yincnag_zheng{
    display: none;
}
.xinjia_fuzhis button{
 
    border-radius: 15px;
    font-size: 18px;
    font-weight: normal;
    border:1px solid  #e2e8f7;
  width:  79px;
}
.info-foot{
    display: flex;
    justify-content: space-between;
  
    flex-wrap: wrap;
        border-top: none;
    background-color: #eef3fe;
    padding: 0;
   
}
.info-foot .jiage{
        font-size: 20px;
    color: #7b7fe6;
    font-weight: normal;
     padding: 10px;
}.proInfo li{
    padding:  20px;
}
.info-head{
    padding-top: 0;
}
.info-foot a{
    border: none;
}
.anniu_zuh{
   
/*    background: -moz-linear-gradient(109deg,rgba(0,0,0,0) 50%, #7980E7 50%);*/
/*    background: -ms-linear-gradient(109deg,rgba(0,0,0,0) 50%, #7980E7 50%);*/
/*     background: -webkit-linear-gradient(*/
/*109deg,rgba(0,0,0,0) 50%, #7980E7 50%); */
/*    40%): ;*/
/*     background: linear-gradient(*/
/*109deg,rgba(0,0,0,0) 50%, #7980E7 50%); */
/*    background: linear-gradient(*/
/*109deg,rgba(0,0,0,0) 50%, #7980E7 50%);*/
}
.anniu_zuh a{
    height: 100%;line-height: 37px;margin: 0;
}
.anniu_zuh a:nth-child(2){
     background: linear-gradient( to right, #7981E8, #4196FD) no-repeat;
 background: -webkit-linear-gradient( left,  #7981E8, #4196FD) no-repeat;border-radius: 0;
 color: #fff;
 position: relative;
}



.anniu_zuh a:nth-child(2):after{
    position: absolute;
    content: "";
  right: 99%;

    top: 0;
     width: 0;
    height: 0;
    border-bottom: 50px solid #7981E8;
    border-left: 26px solid transparent;
}
.info-body dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.info-body dd{
    flex: 0 0 45%;
}
.yincang_zheng{
   opacity: 0;
}



@media only screen and (max-width:992px){
    .kf-header {
        padding: 15px 30px;
        background-repeat: no-repeat;
        background-position: right;
    }
    .kf-container {
        position: relative;
        padding: 20px 20px 30px;
        height: calc(60vh - 95px);
        overflow-y: auto;
    }
   
  .fix-wrap>ul>li .bubble-wrap.kf .bubble{
        position: fixed;
        width: 90%;
        margin-top: 20%;
        max-height: 60%;
        top: 0;
        left: 5%;
    }
    /*一排三个*/
     /*.kf-sq li:nth-child(3n - 1) a{*/
     /*    justify-content: center !important;*/
     /*}*/
     /*.kf-sq li:nth-child(3n) a{*/
     /*    justify-content: flex-end !important;*/
     /*}*/
     
     .fix-qq .clear{
         display: flex;
         flex-wrap: wrap;
     }
      /*一排两个*/
      .kf-sq li{
          width: 50%;
          justify-content: center;
      }

     .kf-list li{
         padding-left: 0;
     }
     .kf-sq li{
         margin-bottom: 15px;
     }
  
        
       .kf-sq li:nth-last-child(-n + 3){
           margin-bottom: 0;
       }
       
       .kf-close {
        display: block !important;
        position: absolute;
        right: 15px;
        top: 15px;
        height: 22px !important;
        line-height: 1;
     }
     .fix-wrap>ul>li:nth-child(1){
         width: 0;
         height: 0;
     }
      .fix-wrap>ul>li:nth-child(1)>a{
          display: none;
      }
      .fix-wrap>ul>li:nth-child(2) i{
          font-size: 34px;
          color: #f3f3f3;
      }
    .fix-wrap>ul>li:nth-child(3){
         display: none;
     }
}